javascript - ngclass应用于页面加载,表达式不真实

标签 javascript angularjs angular-ngmodel angularjs-ng-click ng-class

我正在尝试将一个类应用于包含复选框元素的 td 的父 tr。该代码工作正常,除了第一次加载页面时,即使未选中该复选框,tr 也已经应用了该类。如果我单击 tr 元素一次,样式将被删除,然后该元素将按预期运行。为什么在页面加载时会获取该类? 代码:

<tr ng-click="isChecked = !isChecked" ng-class="{'hovered': isChecked}">
          <td class=""><input type="checkbox" ng-model="isChecked" /></td>
          <td >Accountability</td>
</tr>

最佳答案

您也可以显示 Controller 代码吗?当我为相同的场景创建这个 JSBin 时,它似乎有效:https://jsbin.com/saqube/edit?html,css,js,output

我认为您的 Controller 或 angularjs 版本可能存在一些问题

关于javascript - ngclass应用于页面加载,表达式不真实,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36984040/

相关文章:

javascript - 从对象中获取最大的键

javascript - angularjs 中的 ui-view 和 ionic 中的 ion-nav-view 有什么区别

css - ng-enter-stagger 动画不适用于 safari

html - Angular 8显示图像src存储为变量中的ng模型

javascript - 如何使用 AngularJS ng-Model 显示多个输入的总和?

javascript - d3-js › 饼图中的质心问题

javascript - 无法使用 Google map 在 'write' 上执行 'Document'(InfoWindow 问题)

css - 无法覆盖angularjs中的复选框

javascript - 跟踪指令中的代码脚本

javascript - 绑定(bind)输入与 ngResource get() 搜索与 AngularJS