angular指令集锦

1.模板中循环控制器成员变量：*ngFor="let product of products"

        例如：根据控制器中成员变量products个数，循环生成对应数量的div

<div *ngFor="let product of products" class="col-md-4 col-sm-4 col-lg-4">

</div>

2.插值表达式：{{  }}

3.事件绑定:

<input type="button" (click)="toProductDetails()" value="商品详情"/>

toProductDetails()，方法在控制器中写的

4.属性绑定：<img [src]="imgUrl">,将属性用【】包裹起来，就代表src属性值为控制器中imgUrl成员变量的值。

    3.1 样式绑定：

        例如：实现星星动态变黑（表示glyphicon-star-empty类是否出现，取决于star是否为true）

        <p><span *ngFor="let star of stars" class="glyphicon glyphicon-star" [class.glyphicon-star-empty]="star"></span></p>

5.组件输入属性：组件的属性值由父组件的属性值传入的,

        在组件的属性值上添加注解@Input()

        在父组件模板中属性绑定传入[rating]="product.rating"

6.[queryParams]={id:1}路由传递参数

        <a [outerLink]="['/product']" [queryParams]="{id:1}"></a>