例えば、bootstrapのutilを用いてボタンの色を条件に応じて切り替えたい場合、
hoge.html
<button class="btn" [ngClass]="hoge.isFuga ? 'btn-success' : 'btn-primary'">
あああ
</button>
このように書く。
{}ではなく、""で囲わないと動かない。
よくやるけどngClassを入力した時デフォルトで""ではなく"{}"が出てきてしまうので一応メモ。
More than 3 years have passed since last update.
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme