angular组件

绑定属性用中括号，比如[src]="url"f

循环数据，显示数据的索引值（key)    <li *ngFor="let item of list;let key=index;">{{key}}--{{item.title}}</li>

条件判断语句  *ngIf=""

<li *ngFor="let item of list;let key=index;">

<span *ngIf="key==1" class=red >{{key}}--{{item.title}}</span>

<span *ngIf="key!=1"  >{{key}}--{{item.title}}</span>

</li>

[ngSwitch]="orderStatu"

*ngSwitchCase=""

*ngSwitchDefault=""

[ngClass]=""

[ngStyle]="{‘color‘:‘red‘"}

<li *ngFor="let item of list;let key=index;"  [ngClass]="{‘red‘:key==0,‘orange‘:key==1,‘blue‘:key==2}">{{key}}--{{item.title}}</li>

管道 跟vue差不多；官方有些默认的管道函数

(click)=run()

<input type="text" [(ngModel)]=‘keywords‘/>        双向数据绑定，需要先引入formModule

{{keywords}}

keydown="keyDown($event)"

angular组件

原文：https://www.cnblogs.com/zhanpeng-up/p/13798978.html