将不同样式应用于使用ng-repeat创建的项目

Question

我希望将不同的样式应用于使用ng-repeat创建的按钮。我希望b.color从btnValues对象返回一个值，但它不返回该值。这可能还是有另一种方法吗？

<a href=""
class="modal-button {{b.color}}"
data-ng-repeat="b in btnValues"
data-ng-click="close(b.value)">{{ b.name }}</a>

Answer 1

尝试

<a href=""
class="modal-button" ng-class="b.color"
data-ng-repeat="b in btnValues"
data-ng-click="close(b.value)">{{ b.name }}</a>

如果不起作用，请检查{{b.color}}的值以确保其有价值。

然后检查css中是否存在名称与{{b.color}}对应的类。

Answer 2

您可以尝试使用ng-class或ng-style：

<a href=""
class="modal-button" ng-style="{ color: b.color }"
data-ng-repeat="b in btnValues"
data-ng-click="close(b.value)">{{ b.name }}</a>

或

<a href=""
class="modal-button" ng-class="b.color"
data-ng-repeat="b in btnValues"
data-ng-click="close(b.value)">{{ b.name }}</a>