Angular：FormArray 的标签/标志成员

Question

我想为FormArray 的一些成员（FormControl / FormGroup）“标记”/“标记”/标记，以便对它们进行分类。

示例场景：
用户可以通过 3 种方式（例如，通过上传包含值的 Excel 文件、从后端服务生成值或通过手动添加，一一添加）。

现在，我想用不同的颜色（通过应用一个类）突出显示成员，基于上述哪种方式添加它们（例如，如果通过上传 Excel 文件附加它们，则以红色突出显示，如果它们是通过从后端服务生成附加的，则为绿色；如果它们是手动添加的，则为蓝色）。

我怎样才能做到这一点？

Answer 1

请在你的 html 组件中试试这个

<label [ngClass]="{'red': excelFile, 'green': backEnd, 'blue': manual}">
    My doc
    </label>

你的组件.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;
}

希望对你有帮助