javascript - 为什么 ng-class 不能使用类名？

Question

我写了下面的代码:

 <style>
    .dotted {
         border:dotted;
     }
 </style>

....

 <p ng-style = "mystyle"  ng-class="dotted "> {{ answer }} </p>

我的目的是将

元素放在虚线边框线内。它不起作用。我查看了 Angular 文档 (https://docs.angularjs.org/api/ng/directive/ngClass)，我看到了:

If the expression evaluates to a string, the string should be one or more space-delimited class names.

我知道 ng-class 可能包含我在 -tag 中定义的类名。所以..我做错了什么？

Answer 1

ng-class 指令根据绑定(bind)到的 DOM 的 scope 评估它的值，所以这里 dotted 得到范围评估，它没有'具有值(value)。所以你必须提供它作为 'dotted'(string)

ng-class="'dotted'"

在你的情况下，你应该直接使用 class="dotted" 因为你的类似乎是静态的。