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），我看到了：

如果表达式的计算结果为字符串，则该字符串应该是一个或多个以空格分隔的类名。

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

score 5 · Accepted Answer

ng-class指令根据scope绑定到的 DOM 评估其值，因此这里dotted使用范围进行评估并且它没有价值。所以你必须将它提供为'dotted'（字符串）

ng-class="'dotted'"

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

score 0 · Accepted Answer

ng-class takes an evaluation so it expects something like this:

ng-class="{class: booleanVar}"

if your class has a hyphen use it with quotes like this:

ng-class="{'my-class-name': someVar === someThing}"

Or a function as such:

ng-class="{'my-class-name': someFuncReturningTruthyValue()}"

2 回答 2