ng类内容更改，但不适用于CSS更改

Question

我有一个带有两个选项卡的页面，在其中一个选项卡中，我有一个可单击的组件，该组件应该更改表示一个类的scope属性。仅当我从此选项卡切换到另一个选项卡并返回时，课程内容的更改才能正常工作，但未应用课程的效果。然后，当我切换回去时，将应用CSS类更改。

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

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

Answer 1

我解决了它，用我的CSS样式替换了ng-class的{​​{1}}和ID类。像这样：

id

Answer 2

首先，您必须设置scopeAttribute = true

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