Angular:FormArray

时间:2017-11-07 11:50:29

标签: angular angular2-forms angular2-formbuilder

我想'标记' /'标记' /标记FormControl的某些成员(FormGroup / FormArray)以对其进行分类。

示例方案:
用户可以通过3种方式生成一组值(附加到 FormArray)(例如,通过上传包含值的Excel文件,从后端服务生成值)或逐个手动添加。

现在,我希望通过不同的颜色(通过应用类)突出显示成员,基于以上哪种方式添加它们(例如,如果通过上传Excel文件附加它们,则以红色突出显示)如果通过后端服务生成附加绿色,则为绿色,如果手动添加则为蓝色。

我怎样才能做到这一点?

1 个答案:

答案 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;
}

希望这有帮助