【问题标题】:How to setup multiple class in my case在我的情况下如何设置多个类
【发布时间】:2015-09-20 07:22:40
【问题描述】:

我正在尝试在我的应用中设置ng-class

我有这样的事情

$scope.myClass = 'class-A';

在这里做点什么……

$scope.myClass ='class-B';

在这里做点什么

$scope.myClass ='class-C';

html

<div ng-class="{myClass}"></div>

以上代码有效。问题是当我添加额外的时,它不再起作用了。

<div ng-class="{myClass, 'class-cool':openDialog}"></div>

我来了

Token ',' is unexpected, expecting [:] at column 15 of the expression 

如果我单独使用它们而不是一起使用它们,它们就会起作用。谁能帮我解决这个问题?非常感谢!

【问题讨论】:

  • 你不能把$scope.myClass 放在class 里面而不是ng-class,就像class="{{ myClass }}" 一样
  • 但它不会动态更新为 B 类或 C 类
  • 为什么不呢?你检查了吗?
  • 因为 Angular 就是这样工作的,是的。我检查

标签: html css angularjs ng-class


【解决方案1】:

你可以这样做。 myClass 将始终设置,因为 true 将始终为真。

<div ng-class="{myClass:true, 'class-cool':openDialog}"></div>

【讨论】:

  • 没有报错但类从myClass +1 起不生效
  • 两个类都设置了吗?或者有什么问题? @BonJon
猜你喜欢
  • 1970-01-01
  • 2018-04-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-01-16
  • 1970-01-01
相关资源
最近更新 更多