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

Cra*_*hax 1 javascript css angularjs ng-class angularjs-ng-class

我写了以下代码:

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

....

 <p ng-style = "mystyle"  ng-class="dotted "> {{ answer }} </p>
Run Code Online (Sandbox Code Playgroud)

我的目的是

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

如果表达式求值为字符串,则该字符串应为一个或多个以空格分隔的类名.

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

Pan*_*kar 5

ng-class指令根据scope绑定的DOM 计算其值,因此这里dotted使用范围进行求值,并且它没有值.所以你必须提供它'dotted'(字符串)

ng-class="'dotted'"
Run Code Online (Sandbox Code Playgroud)

在你的情况下,你应该直接使用,class="dotted"因为你的班级似乎是静态的.