首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在ngClass中使用作用域变量和动态css

在ngClass中使用作用域变量和动态css
EN

Stack Overflow用户
提问于 2014-08-15 21:18:40
回答 2查看 3.3K关注 0票数 0

我想使用一个作用域变量,并在html中动态设置css。

代码语言:javascript
复制
<div ng-class="myClassScope, { 'dynamic-class': !ifIsNot }">
EN

回答 2

Stack Overflow用户

发布于 2014-08-15 21:31:22

如果你的类总是被应用,那么可以这样使用ng- myClassScope:

代码语言:javascript
复制
<div class="myClassScope" ng-class="{'dynamic-class': !ifIsNot }">
票数 2
EN

Stack Overflow用户

发布于 2014-08-15 21:33:01

这是你想要的吗?

代码语言:javascript
复制
<div ng-class="{ 'dynamic-class': !myClassScope }">

编辑:

如果你想使用多个ng-class指令,那是行不通的。查看此fiddle

为了使用两个ng-class指令,您可以嵌套元素,也可以绑定到class属性:

代码语言:javascript
复制
<div ng-class="test_one">
    <div ng-class="{ 'test_two': !test_two }">test_two</div>
</div>
<div class="{{test_one}}" ng-class="{ 'test_two': !test_two }">test_three</div>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25327115

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档