angular2 [ngStyle] [ngClass]的用法
发布时间:2020-12-17 09:35:07 所属栏目:安全 来源:网络整理
导读:1、ngStyle 基本用法 div [ngStyle]="{'background-color':'green'}"/div 判断添加 div [ngStyle]="{'background-color':username === 'zxc' ? 'green' : 'red' }"/div 2、ngClass 第一个参数为类名称,第二个参数为boolean值,如果为true就添加第一个参数的
1、ngStyle 基本用法 <div [ngStyle]="{'background-color':'green'}"></<div> 判断添加 2、ngClass 基本用法 [ngClass]="{'text-success':true}" 判断 [ngClass]="{'text-success':username == 'zxc'}" [ngClass]="{'text-success':index == 0}" 3、例子 const arr = [1,3,4,5,6] <ul> <li *ngFor="let item of arr,let i = index"> <span [ngClass]="{'text-danger': i==0}">{{item}}</span> </li> </ul> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |