AngularJS:动态绑定css属性

时间:2015-10-21 23:25:26

标签: css angularjs

我正在尝试在AngularJS中动态绑定css counter-reset属性。 Here是小提琴链接,你可以看到我在尝试什么。

基本上我希望li元素的编号应该以控制器中设置的数字开头。我尝试使用ng-styleng-bind-html来直接绑定样式字符串但仍然没有显示正确的输出,编号总是从1开始。

任何帮助表示赞赏!谢谢!

1 个答案:

答案 0 :(得分:2)

非常简单。 ng-style期望一个表达式,该表达式可以使用一个对象,该对象的键是CSS样式名称,值是这些CSS键的对应值。

将您的代码更改为:<ul ng-style="{'counter-reset': myHtml}">,您就可以了。

此处示例:https://jsfiddle.net/dboskovic/4cgexgoc/2/