angularjs - 在angularjs中绑定ng-class

Question

在下面的代码中，我在控制器中有一个名为“selectedDesignAreaId”的变量，我将此变量与“designarea.id”的当前值绑定，但是当我将“selectedDesignAreaId”更改为转发器类中的任何 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)]">

Answer 1

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

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

你可能想确定selectedDesignAreaId和designArea.id等的内容。只需放入{{ selectedDesignAreaId }}您的模板中就可以简化您的调试过程。（IMO，它甚至比使用开发控制台更方便。）