Angular 2 构架 - 指令(Directives)

angularJS 的模板是动态的，当 Angular 渲染它们时，它会根据指令对 dom 进行修改

指令是一个带有 指令元数据 的类

在 TypeScript 中，要通过 @Directive 装饰器把元数据附加到类上

AngularJS 2 中包含以下三种类型的指令

1. 属性指令：以元素的属性形式来使用的指令
2. 结构指令：用来改变DOM树的结构
3. 组件：作为指令的一个重要子类，组件本质上可以看作是一个带有模板的指令

<li *ngFor="let site of sites"></li>
<site-detail *ngIf="selectedSite"></site-detail>

上面的代码中：

1. ngFor 告诉 Angular 为 sites 列表中的每个项生成一个 <li> 列表项

2. ngIf 表示只有在选择的项存在时，才会包含 SiteDetail 组件

链接: https://www.fly63.com/course/15_833