我注意到当DOM上的某些元素需要使用Angular的各种条件类时,HTML页面会变得多么混乱和不可读。
如下所示:
<div>This is a Message.</div>
很容易就会变成这样:
<div ng-class="{'red': vm.isRed, 'bold': vm.isBold, 'big': vm.isBig, 'underline': vm.isUnderline}">This is a Message.</div>
或者更大的东西。我想问的是
我正在尝试根据元素的类有条件地对其应用指令。
这是我的问题的一个简单案例,。在本例中,我通过true使用类名到ng-class的布尔值形式的映射;在我的实际案例中,我想使用函数的布尔结果。
标记:
<div ng-app="example">
<div class="testcase">
This will have the directive applied as I expect
</div>
<div ng-class="{'testcase':true}">