AngularJS: Binding css properties dynamically

Question

I am trying to bind the css counter-reset property dynamically in AngularJS. Here is fiddle link where you can see what I am trying.

Basically I want the numbering of li elements should start with the number set in the controller. I tried using ng-style and ng-bind-html to directly bind the style string but still it is not showing the correct output, numbering always starts from 1.

Any help is appreciated! Thanks!

David Boskovic · Accepted Answer · 2015-10-21 23:49:15Z

2

Pretty simple. ng-style expects an expression which evals to an object whose keys are CSS style names and values are corresponding values for those CSS keys.

Change your code to be: <ul ng-style="{'counter-reset': myHtml}"> and you're good to go.

Example here: https://jsfiddle.net/dboskovic/4cgexgoc/2/

edited Oct 21, 2015 at 23:49

answered Oct 21, 2015 at 23:30

David Boskovic

1,53910 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Saurabh Over a year ago

Thanks for quick reply!

Collectives™ on Stack Overflow

AngularJS: Binding css properties dynamically

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related