[ngclass]、[ngstyle]、管道

阅读原文时间：2023年07月13日阅读：1

[ngclass]

　　动态改变一个元素的class

　　ts：　　　　

　　　　public classcolor:boolean=false;

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

　　html:

动态改变一个元素的class

内容

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

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

　　　　　　　　[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]

管道

手机扫一扫

移动阅读更方便

你可能感兴趣的文章