AngularJS 1.4.1 and angular UI bootstrap 0.13.0, ng-class with object property

Question

I have the following code,

<accordion-group ng-class={selected : object.property}></accordion-group>
<input type="button" ng-click="object.property=!object.property">

When I run the above code, on load of application, object.property is true and the css is applied. On click of button, css property is removed. On click of button again, css is not getting applied.

Note: This worked with the previous versions of angular and bootstrap. I recently got upgraded to angular1.4.1 and bootstrap 0.13.0. I suspect this is because of latest version update, but, could not find a valid documentation for me to conclude.

Thanks in advance.

Did you meant <input type="button" ng-click="object.property = !object.property"> — cheziHoyzer
– cheziHoyzer, Commented Jul 13, 2015 at 11:29

BAD_SEED · Accepted Answer · 2015-07-13 11:34:38Z

1

<input type="button" ng-click="object.property = !object.property">

And I prefear ng-class like this:

ng-class="{'selected' : property}"

since on the left part of the : operator there will be surely a string!

And here is a PLNKR.

answered Jul 13, 2015 at 11:34

BAD_SEED

5,10611 gold badges62 silver badges116 bronze badges

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

4 Comments

pradeep Over a year ago

I have this solution, sorry for not mentioning it in the question, I need the reason why we need to directly refer property over object.propery. Could you please enhance your answer? That would be a great help. Thanks.

pradeep Over a year ago

Yes, I resolved it, but could not understand exactly, why we cannot give ng-class="{'selected' : object.property}"

BAD_SEED Over a year ago

This should depend on what you have in controller, I've update plunker, now it refear to an object.property like property and still works...

pradeep Over a year ago

I don't know the reason, it will not work with <accordion-group></accordion-group>

Collectives™ on Stack Overflow

AngularJS 1.4.1 and angular UI bootstrap 0.13.0, ng-class with object property

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related