为什么 ng 类不能使用类名？

Question

我写了以下代码：

 <style>
    .dotted {
         border:dotted;
     }
 </style>
....
 <p ng-style = "mystyle"  ng-class="dotted "> {{ answer }} </p>

我的目的是将

元素放在虚线边框内。它行不通。我查看了角文档（https://docs.angularjs.org/api/ng/directive/ngclass），我看到了：

如果表达式评估到字符串，则字符串应为一个或 更多空间限制的类名称。

我知道NG级可能包含我在-TAG中定义的类名称。所以..我在做什么错？

Answer 1

ng-class指令评估其对DOM的 scope的值，因此在这里 dotted可以使用范围进行评估，并且没有值。因此，您必须将其提供为'dotted'（String）

ng-class="'dotted'"

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

Answer 2

ng class进行评估，因此期望这样：

ng-class="{class: booleanVar}"

如果您的班级有连字符，则与此类引号一起使用：

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

或这样的功能：

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