Angular小知识点

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 $)：统一取消多个订阅，当destroy$ .next()时取消其所在的流的订阅；

Angular小知识点

推荐阅读更多精彩内容