如何更改选择按钮的颜色取决于来自json的数据？

Question

我想问你，是否可以在选择按钮（单元格？）中添加自定义样式。我需要设置一个单元格的红色，另一个单元格的黄色。

颜色取决于来自json的数据，例如，如果data.status == 1则颜色将为红色，如果data.status == 2则颜色将为黄色，如果data.status == 3则颜色将为绿色，等等。

必须有彩色的全细胞（不仅是图标）。

请参阅此链接：create_function - 与第二张图片一样

Answer 1

如果您能够从服务器控制响应数据，那么最好包含一个数据属性，例如＆＃34; status-color＆＃34;具有颜色值（即＆＃34;红色＆＃34;，＆＃34;绿色＆＃34;等）。

您可以在AngularJS控制器中执行类似的操作     （假设您从控制器中的服务器获取响应数据或作为路由中的依赖项）：

$scope.status_color = data.status_color;

然后在你看来：

<div class="{{status_color}}></div>

您需要在某个地方的CSS文件中定义预期的颜色类，但它应该可以正常工作。你也可以在这里使用ngClass文档：https://docs.angularjs.org/api/ng/directive/ngClass