キーにダッシュがあるngClassスタイル 質問する

キーにダッシュがあるngClassスタイル 質問する

特にブートストラップが普及して以来、ダッシュを使用するスタイルで頭を悩ませている人がこれで軽減されることを願っています。

私はAngular 1.0.5を使用しています

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script>

の中にngClass ドキュメント、例は単純ですが、式はクラス名とブール値のマップになる可能性があることも言及しています。私は、アイコンに「icon-white」スタイルを使用しようとしていました。ブートストラップドキュメントブール変数に応じて異なります。

<i class="icon-home" ng-class="{icon-white: someBooleanValue}">

上記の行は機能しません。が true のicon-white場合、クラスは では追加されませんsomeBooleanValue。ただし、キーを に変更するとiconWhite、クラス値のリストに正常に追加されます。ダッシュを使用して値を追加するにはどうすればよいでしょうか。

ベストアンサー1

何時間もハッキングした後、ダッシュが補間されることが判明しました。引用符が必要です。

<i class="icon-home" ng-class="{'icon-white': someBooleanValue}">

アップデート:

Angular の古いバージョンでは、バックスラッシュを使用しても問題ありませんが、新しいバージョンではそうではありません。

<i class="icon-home" ng-class="{icon\-white: someBooleanValue}">

お気に入りのエディターでより簡単に検索できるため、前者の方が好まれるでしょう。

おすすめ記事