首页 > 解决方案 > ng-class 内容更改,但不应用 css 更改

问题描述

我有一个带有两个选项卡的页面,在其中一个选项卡中我有一个可点击的组件,它应该更改代表一个类的范围属性。课程内容更改工作正常,但没有应用课程的效果,就在我从该选项卡切换到另一个选项卡并返回时。然后,当我切换回来时,它会应用 CSS 类更改。

<!-- Element 1 -->
<div ng-class="{ '{{scopeAttibute}}': true }">
 content
</div>

<!-- Element 2 -->
<div ng-click="scopeAttibute=localAttrubute">
 content
</div>          

标签: angularjs

解决方案


我解决了它替换了我的 CSS 样式中的 ID 的ng-classforid和 classes。像这样:

<div id="{{scopeAttibute}}">
 content
</div>

<!-- Element 2 -->
<div ng-click="scopeAttibute=localAttrubute">
 content
</div>   

推荐阅读