angular主要概念:組件瓶埋,模版(管道,雙向綁定浮创,輸入輸出等等)忧吟,指令,依賴注入
template:
HTML` <template>`元素是一種用于保存客戶端內(nèi)容的機(jī)制斩披,該內(nèi)容在頁面加載時(shí)是不可見的溜族,但可以在運(yùn)行時(shí)使用JavaScript進(jìn)行實(shí)例化,可以將一個(gè)模板視為正在被存儲(chǔ)以供隨后在文檔中使用的一個(gè)內(nèi)容片段垦沉。在渲染視圖之前煌抒,Angular 會(huì)把`<ng-template>`及其內(nèi)容替換為一個(gè)注釋。
在ng中主要通過`viewChild TemplateRef ViewContainerRef`來實(shí)現(xiàn)結(jié)構(gòu)性操作厕倍。
`ng-template`標(biāo)簽主要就是用來`加載一個(gè)模板`寡壮。使用`[ngif]=ture`或者`ngTemplateOutlet`讓模板內(nèi)容`渲染出來`.
angular也通過`@ViewChild(‘xxx’)greetTemplate:TemplateRef<any>`在ts里面獲取dom `<ng-template #xxx>`
ng-content:
一般的`布局類`的組件,都是使用`ng-content`實(shí)現(xiàn)讹弯,比如`ngzorro`的`layout`組件况既,都可以使用`ng-content`實(shí)現(xiàn)。
`ng-content`有一個(gè)`select`的屬性组民,可以選擇對(duì)應(yīng)的`嵌入標(biāo)簽的屬性`棒仍,`.header`的意思就是選中`class=header`的標(biāo)簽填充到當(dāng)前的位置,`select`的值`不能`是`動(dòng)態(tài)`的臭胜。
`ng-conent`提供了`@ContentChild和@ContentChildren`來獲取`ng-conent`里面包含的組件降狠。
ng-container:
在界面上是`沒有任何意義`的,在瀏覽器的`審查元素`中庇楞,`無法看到它`,container意思就是`容器`否纬。只裝東西吕晌,不會(huì)顯示。