angularjs - AngularJS 中 ng-class 的绑定(bind)

标签 angularjs ng-class

在下面的代码中,我在 Controller 中有一个名为“selectedDesignAreaId”的变量 我将此变量与“designarea.id”的当前值绑定(bind),但是当我将“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)]">

最佳答案

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

我希望您可以使用此代码找出原因。

您可能需要确定selectedDesignAreaIddesignArea.id等内容。 只需将 {{ selectedDesignAreaId }} 放入模板中即可简化调试 过程。 (IMO,它甚至比使用开发控制台更方便。)

关于angularjs - AngularJS 中 ng-class 的绑定(bind),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16187648/

相关文章:

javascript - AngularJS:针对特定的 "ID"进行 ng-repeat?

javascript - 是否可以将 ng-switch-when 属性放在多个元素上?

angularjs - 使用 ng-class 更改对表进行排序的字形

javascript - ng-class 允许赋值运算符。这是一个错误还是功能?

javascript - ng-Class - 多个条件和类

javascript - AngularJS 指令传递点击操作或执行 ui-router 状态更改

html - 想要用图像填充缩略图容器,使用 ng-repeat Angularjs

javascript - AngularJS:如何仅过滤具有特定 3 个字符值的项目?

javascript - Bootstrap 与 ng 类

angularjs - 带有函数和表达式的 ng-class