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)"