假设我的模型中有两个对象:foo
可以采用两个值Foo1
和Foo2
和bar
具有两个可能值的对象Bar1
和Bar2
。
现在,我想div
根据这些对象的值应用到我的类。基本上,我想申请MyclassFoo1
when foo=Foo1
,MyclassFoo2
whenfoo=Foo2
和类似地 for bar
。
例如,如果foo=Foo1
我bar=Bar2
想结束
<div class="MyClassFoo1 MyClassBar2"></div>
我在这里遇到的两个问题是:
- 类名是根据对象值动态生成的
- Foo 类独立于 Bar 类
我尝试使用语法
<div ng-class="{class1: expr1, class2: expr2}"></div>
但它不起作用,因为字典键不能组成为'MyClass' + foo
另一种语法
ng-class="{expr_val1: class1, expr_val2: class2}[expr]"
看起来也没有希望:我必须将所有 foo-bar 组合作为表达式值。
还有其他方法可以实现我的目标吗?