angular.js - angular の ng-class ディレクティブとクラスの違いは何ですか
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-15 17:05:31
0
4
657

私は 2 日間 angular js を学習しましたが、angular js の ng-class ディレクティブが特定の要素ノードに対応するクラスを追加できることに疑問を感じました。

しかし、お聞きしたいのですが、これと要素にクラスを直接追加することの間に違いはありますか? Angular js は最終的に ng-class ディレクティブの内容を解析し、対応するクラスを要素に追加します。これを行う利点は何ですか?これは、後でこの要素ノードのクラスを変更するためだけの便宜のためでしょうか?

曾经蜡笔没有小新
曾经蜡笔没有小新

全員に返信(4)
小葫芦

例: ng-class="{red: この操作を行うことで、クラスを動的に追加または削除できます。これは、JavaScript を使用してクラス リスト内のクラスを追加または削除するよりもはるかに便利です

いいねを押す +0
習慣沉默

ngClass は、条件に基づいてさまざまなクラスを動的に追加するために使用されますが、ネイティブ クラスにはこの効果はありません

いいねを押す +0
迷茫

ng-classはロジックに基づいてクラスを変更できるコマンド

いいねを押す +0
Peter_Zhu

HTML で使用されるクラスに対応する値は文字列です。
angular の ng-xxx は式に対応します。たとえば、ここで見つかった ng クラスは key: value に対応します。
値が true の場合、キー スタイルが適用されます。
例: ng-class="{ someClass : true }";

スタイルが何らかのクラスの場合、次のような文字列型として表現する必要があることに注意してください:

ng-class="{ 'some-class' : true }";

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート