Binding in ng-class in angularjs

Question

In the code below,i am having a variable in controller named "selectedDesignAreaId" and i bind this variable with the current value of "designarea.id",but when i change "selectedDesignAreaId" to any of the value of designAreaId in repeater the class is not updated...Always 'unSelectedCanvas' is setted...

<div ng-repeat="designArea in productView.designAreas" style="position:absolute;left:{{designArea.x}}px ; top:{{designArea.y}}px;background-color: #ffdead"
                 ng-click="onDesignAreaClick(designArea.id)"
                 ng-class="{true: 'selectedCanvas', false:'unSelectedCanvas'}[(designArea.id == selectedDesignAreaId)]">

@Shivang sanghi please show ad demo of output. If you are not able to post images contribute to stackoverflow by answering peoples queries. For now show it through other means. — Nikhil Agrawal
– Nikhil Agrawal, Commented Apr 24, 2013 at 9:19

Tosh · Accepted Answer · 2013-04-24 09:30:01Z

2

I tried to reproduce your issue, but it seems to be working for me: http://plnkr.co/edit/AuACV3SZRPgEqGBWpvkl

I hope you can identify the cause using this code.

You may want to make sure contents of selectedDesignAreaId and designArea.id and such. just putting {{ selectedDesignAreaId }} into your template would ease your debugging process. (IMO, it is even handier than using dev console.)

answered Apr 24, 2013 at 9:30

Tosh

36k11 gold badges67 silver badges58 bronze badges

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

2 Comments

SHIVANG SANGHI Over a year ago

thanks for your reply but its now working on my system...could i have your skype id so that i can show you my screen as well....

SHIVANG SANGHI Over a year ago

thank you so much..i was using different variable names in controller and template but your suggesstion "You may want to make sure contents of selectedDesignAreaId and designArea.id and such" really helps me...

Collectives™ on Stack Overflow

Binding in ng-class in angularjs

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related