javascript - Angular 7でTSプロパティを使ってCSSクラス名を追加する

簡単なことで問題が起きていると思います…

私はただ自分の span タグに、.ts ファイル からの変数で store という名前のクラスを持たせる必要があります:

<span [ngClass]="{'flag-icon': true, 'my_property_in_TS': true}"></span>

私はこのようなことをいくつか試してみました：

<span [ngClass]="{'flag-icon': true, ${lang.codeIcon}: true}"></span>

<span [ngClass]="{'flag-icon': true, lang.codeIcon: true}"></span>

答えはとても簡単だと思います... 誰か作り方を知っていますか？

回答 #1

こんな感じのことを試してみるといいかもしれません -

<span [ngClass]="['flag-icon', lang.codeIcon]"></span>

さらに方法についてはこちら -

• Angular -NgClass

回答 #2

lang.codeIcon に保存されている CSS クラスを使用するには、次のようにします:

<span [ngClass]="lang.codeIcon"></span>

多くのクラスの場合、配列を使用します:

<span [ngClass]="[lang.codeIcon, 'flag-icon']"></span>

条件式の場合は、中括弧を使用してください:

<span [ngClass]="{'flag-icon': booleanVar, lang.codeIcon: !booleanVar}"></span>