angular4 指令讲解

1.指令是带有装饰器的类，组件在技术上是指令，也是angular技术的核心。

  除了组件之外，还有另外两种指令： 结构和属性。此外还可以自定义指令

         A）结构指令(如：*ngFor ,*ngIf)

              结构指令通过添加，删除和替换DOM中的元素来更改布局.

<li *ngFor="let hero of heroes"></li>
<p *ngIf="selectedHero">121</p>

      *ngFor：它告诉 <li>在heroes列表中显示出一个英雄。

      *ngIf：是有条件的; selectedHero存在时，它才显示<p>标签。

       B）属性指令(如：ngModel，ngSwitch，ngStyle和ngClass)

              属性指令可更改现有元素的外观或行为.

<input [(ngModel)]="hero.name">

      *ngModel：它实现双向数据绑定吗，并通过设置其显示值属性并响应更改事件来修改ngModel现有元素的值。

      *ngSwitch：可以改变布局结构。

      *ngStyle和ngClass：修改DOM元素和组件的样式。