1.Angular中的订阅
(1)subscribe()方法:在ngOnInit()中使用;
(2)| async 管道:直接在组件模板中订阅流,而不必将结果存储在中间属性中,当组件被销毁时,Angular将会自动取消订阅;
-
<ng-template>与<ng-container>区别
(1)ng-template:模板加载—定义的模板不会直接显示出来,需要通过其他结构指令(ng-if等)或template-ref将定义的模板内容渲染到页面中;
//通过ngIf显示ng-template的内容;
<div *ngIf="condition else elseTemplate">
判断条件为真
</div>
<ng-template #elseTemplate>
<div>判断条件为假</div>
</ng-template>
(2)ng-container:一个逻辑容器,可以直接包裹任何元素,但自身不会生成元素标签,可直接渲染到页面中;
3.*ngIf=“条件;else 模板”
<div *ngIf="(data$ | async).length>0; else emptyTemplate">
...
</div>
<ng-template #emptyTemplate>
没有数据
</ng-template>
4.takeUnitil(destroy.next()时取消其所在的流的订阅;