angularjs - ng-class 内容更改,但不应用 css 更改
问题描述
我有一个带有两个选项卡的页面,在其中一个选项卡中我有一个可点击的组件,它应该更改代表一个类的范围属性。课程内容更改工作正常,但没有应用课程的效果,就在我从该选项卡切换到另一个选项卡并返回时。然后,当我切换回来时,它会应用 CSS 类更改。
<!-- Element 1 -->
<div ng-class="{ '{{scopeAttibute}}': true }">
content
</div>
<!-- Element 2 -->
<div ng-click="scopeAttibute=localAttrubute">
content
</div>
解决方案
我解决了它替换了我的 CSS 样式中的 ID 的ng-class
forid
和 classes。像这样:
<div id="{{scopeAttibute}}">
content
</div>
<!-- Element 2 -->
<div ng-click="scopeAttibute=localAttrubute">
content
</div>
推荐阅读
- cocoa - 以编程方式启用(或禁用)应用程序的 AppleScript 支持
- java - restful api GET 请求的 504 错误可能是什么原因?
- javascript - 按键事件未在右箭头键上触发
- sql - SQL中的多对一行更新?
- reactjs - Redux 无法在 React Native 上运行(不变违规)
- swift - XCTest 是否打开了 Safari URL
- javascript - 全局变量未定义
- java - Mockito - Matchers 异常的无效使用
- javascript - 选择选项和弹出框 - 始终获取最后选择的值
- python - 在 SQLAlchemy 中建模关系以使用 Marshmallow 显示嵌套的“集合”