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 ) を見たところ、次のことがわかりました。

式が文字列に評価される場合、文字列はスペースで区切られた 1 つ以上のクラス名である必要があります。

ng-class には、-tag 内で定義したクラス名が含まれている可能性があることを理解しています。だから..私は何を間違っていますか？

score 5 · Accepted Answer

ng-classディレクティブscopeは、バインドされているDOMに対してその値をdotted評価するため、ここではスコープで評価され、値はありません。'dotted'したがって、（文字列）として提供する必要があります

ng-class="'dotted'"

あなたの場合class="dotted"、クラスが静的であるように見えるので、直接使用する必要があります。

score 0 · Accepted Answer

ng-class は評価を行うため、次のようなものを期待しています。

ng-class="{class: booleanVar}"

クラスにハイフンがある場合は、次のように引用符で囲んで使用します。

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

またはそのような関数：

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

2 に答える 2