[ngclass]、[ngstyle]、管道

[ngclass]

　　动态改变一个元素的class

　　ts：

　　　　public classcolor:boolean=false;

　　　　public list:any = [{title:"新闻1"},{title:"新闻2"},{title:"新闻3"}]

　　html:

　　　　

　　　　　　

动态改变一个元素的class

　　　　　　

内容

　　　　

　　　　

　　　　　　

循环数组,数组第一个元素为red

　　　　　　

　　　　　　　　

• 　　　　　　　　[ngClass]="{'red': key==1,'origin':key==0,'blue':key==2}">{{key}}--{{item.title}}

　　　　　　　　

　　　　　　

　　　　

ts中

　　public arrt:any="blue";

　　public today:Date= new Date();

html中

　　

　　　　

动态绑定样式[ngstyle]

　　　　

　　　　　　

• 内容

　　　　

　　

　　

　　　　

　　　　　　

管道

　　　　　　

• {{today}}

　　　　　　

　　　　　　

• {{today | date:'yyyy-MM-dd HH-mm-ss'}}