単一のクラスを追加すると、このようにうまくいきますが-
[class.loading-state]="loading"
しかし、どのように私は例場合は、複数のクラスを追加しませんloading
ですtrue
追加クラスが-"loading-state" & "my-class"
どうやってそれを行うのですか [class] binding
これを行うには、次のコマンドを使用しngClass
ます。
ここで、1番目、2番目、3番目はクラスの名前です。
そしてtrue / falseの代わりに、直接そこに条件を置くことができます
<div [ngClass]="{'first': true, 'second': true, 'third': false}">...</div>
あなたの場合
<div [ngClass]="{'loading-state': loading, 'my-class': loading }">...</div>
またはより短いVeriosn(@ matko.kvesicがコメントしたように)
<div [ngClass]="{'loading-state my-class': loading}">...</div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加