在angularjs中绑定ng-class

时间:2013-04-24 08:56:01

标签: angularjs ng-class

在下面的代码中,我在控制器中有一个名为“selectedDesignAreaId”的变量  并且我将此变量与“designarea.id”的当前值绑定,但是当我将“selectedDesignAreaId”更改为repeater中designAreaId的任何值时,该类不是 更新...始终'unSelectedCanvas'已设置...

<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)]">

1 个答案:

答案 0 :(得分:2)

我尝试重现您的问题,但它似乎对我有用:http://plnkr.co/edit/AuACV3SZRPgEqGBWpvkl

我希望您能使用此代码确定原因。

您可能需要确保selectedDesignAreaIddesignArea.id等内容。 只需将{{ selectedDesignAreaId }}放入模板即可轻松调试 处理。 (IMO,它甚至比使用开发控制台更方便。)