我想'标记' /'标记' /标记FormControl
的某些成员(FormGroup
/ FormArray
)以对其进行分类。
示例方案:
用户可以通过3种方式生成一组值(附加到 FormArray
)(例如,通过上传包含值的Excel文件,从后端服务生成值)或逐个手动添加。
现在,我希望通过不同的颜色(通过应用类)突出显示成员,基于以上哪种方式添加它们(例如,如果通过上传Excel文件附加它们,则以红色突出显示)如果通过后端服务生成附加绿色,则为绿色,如果手动添加则为蓝色。
我怎样才能做到这一点?
答案 0 :(得分:0)
请在你的html组件中尝试这个
<label [ngClass]="{'red': excelFile, 'green': backEnd, 'blue': manual}">
My doc
</label>
your component.ts
private excelFile:boolean = false;
private backEnd:boolean = false;
private manual:boolean = true; /* by default setting manual as true*/
uploadExcel(){ /* if upload is frm excel file*/
this.excelFile = true;
}
fromBackEnd(){ /* if upload is frm back end*/
this.backEnd = true;
}
Manual(){ /* if upload is frm back manual*/
this.manual = true;
}
你的css文件
label.red{
color:red;
}
label.green{
color:green;
}
label.blue{
color:blue;
}
希望这有帮助