Question

我在ng-repeat中尝试了以下方法：

 <a data-ng-repeat="style in webStyles" data-ng-style="background-color: \'{{style.bgColor}}\'">{{style.name}}</a>
 <a data-ng-repeat="style in webStyles" data-ng-style="background-color: '{{style.bgColor}}'">{{style.name}}</a>
 <a data-ng-repeat="style in webStyles" data-ng-style="background-color: {{style.bgColor}}">{{style.name}}</a>
 <a data-ng-repeat="style in webStyles" data-ng-style="background-color: style.bgColor">{{style.name}}</a>

这些是值：

        { name: "Default", bgColor: "#4E463F"},
        { name: "Style1",  bgColor: "#3A4558"},
        { name: "Style1",  bgColor: "#fff"},
        { name: "Style3",  bgColor: "#f78c40"}

但是我发现了一个与十六进制（＃）符号有关的解析错误。

在ng-repeat中传递ng-style的十六进制值的正确方法是什么？

由于

Answer 1

ng-style接受一个对象，试试这个

<a data-ng-repeat="style in webStyles" data-ng-style="{'background-color': style.bgColor}">{{style.name}}</a>

AngularJS - 使用ng-style循环遍历十六进制值的错误

1 个答案: