为什么没有班级使用班级名称？

Question

我写了以下代码：

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

....

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

我的目的是将

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

  

如果表达式求值为字符串，则字符串应为1或   更多以空格分隔的类名。

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

Answer 1

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

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()}"