1.Angular中的訂閱
(1)subscribe()方法:在ngOnInit()中使用笼裳;
(2)| async 管道:直接在組件模板中訂閱流咨跌,而不必將結(jié)果存儲在中間屬性中疹尾,當(dāng)組件被銷毀時秘豹,Angular將會自動取消訂閱;
-
<ng-template>與<ng-container>區(qū)別
(1)ng-template:模板加載—定義的模板不會直接顯示出來诱咏,需要通過其他結(jié)構(gòu)指令(ng-if等)或template-ref將定義的模板內(nèi)容渲染到頁面中苔可;
//通過ngIf顯示ng-template的內(nèi)容;
<div *ngIf="condition else elseTemplate">
判斷條件為真
</div>
<ng-template #elseTemplate>
<div>判斷條件為假</div>
</ng-template>
(2)ng-container:一個邏輯容器袋狞,可以直接包裹任何元素焚辅,但自身不會生成元素標(biāo)簽,可直接渲染到頁面中苟鸯;
3.*ngIf=“條件同蜻;else 模板”
<div *ngIf="(data$ | async).length>0; else emptyTemplate">
...
</div>
<ng-template #emptyTemplate>
沒有數(shù)據(jù)
</ng-template>
4.takeUnitil(destroy.next()時取消其所在的流的訂閱早处;