Angularjs 单击标志以突出显示问题

我有一个表，列出了客户数据库中的各种字段。我希望添加一个带有灰色标志的新列（表示没有问题），如果用户单击标志，我希望标志变为红色（表示有问题）

我使用的是MVC、Angularjs和字体真棒

有人能给我指一下最好的方向吗

使用系统；
使用System.Data.Entity；
使用System.Linq；
使用System.Web.Mvc；
使用Florence.Authentication；
使用弗洛伦斯数据；
使用Florence.Website.Models；
使用Florence.Website.Models.Job；
命名空间Florence.Website.Controllers
{
/// 
/// 
公共类作业控制器：控制器
{
/// 
///找工作
/// 
///工作清单
[AuthorizationFilter（PermissionList=“CanListJobs”）]
公共行动结果索引（）
{
返回视图（“~/views/job/index.cshtml”）；
}
[AuthorizationFilter（PermissionList=“CanViewJobs”，AllowLocalRequests=true）]
公共行动结果PdfView（内部id）
{
使用（var context=new FlorenceContext（））
{
var job=context.Jobs
.包括（c=>c.客户）
.Include（c=>c.Customer.Address）
.第一（c=>c.Id==Id）；
如果（！HttpContext.Request.IsLocal&&job.BelongsToCompanyId！=DataBag.LoggedOnCompany.Id）
{
返回新的HttpUnauthorizedResult（）；
}
返回视图（“~/views/job/pdf/View.cshtml”，job）；
}
}

这取决于您的表结构，但您需要在数组中为每一行创建一个新属性，或者创建一个与原始数组长度相同的新数组。然后只需添加一个新列并检测对该新属性/数组的任何更改

下面是一个简单的演示（单击文本图标更改标志）：

var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.array=[
{“ID”：12345，“详细信息”：“ABC”}，
{“ID”：23456，“详细信息”：“BCD”}，
{“ID”：34567，“详细信息”：“CDE”}，
{“ID”：45678，“详细信息”：“DEF”}
];
//相同长度的新数组（它的“map”）
$scope.flags=$scope.array.map（函数（{return false；}）；
$scope.submit=函数（）{
console.log（$scope.flags）；/（额外）
}
})；

表，th，td{
边框：1px纯黑；
}
瑞德先生{
颜色：红色；
}

{{key}}
旗帜
{{value}}
偶像
提交

非常感谢您的帮助，非常感谢。不幸的是，我有点不确定如何将代码部分添加到控制器中。我理解表中的新列。我已将控制器代码添加到原始注释中。非常感谢