Angularjs ng-Classディレクティブ
AngularJSインスタンス
<div>要素のクラスを変更する：
<！doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </scrip>背景色：LightBlue;パディング：20px;フォントファミリー： "Courier new";}。トマト{background-color：coral;パディング：40px; Font-Family：Verdana;} </style> </head> <body ng-app = "" "> <p> select a class：</p> <select ng-model =" home "> <option value =" sky "> sky color </option> <option value">トマト値 "それ！</p> </div> </body> </html>定義と使用法
NGクラスのディレクティブは、1つ以上のCSSクラスをHTML要素に動的にバインドするために使用されます。
NGクラスディレクティブの値は、文字列、オブジェクト、または配列です。
文字列の場合、複数のクラス名がスペースで区切られています。
オブジェクトの場合、ブール値であるキー値ペアを使用する必要があり、値は追加するクラス名です。キーがtrueの場合にのみクラスが追加されます。
配列の場合、オブジェクトの文字列または組み合わせで構成され、配列の要素は文字列またはオブジェクトにすることができます。
文法
<要素ng-class = "expression"> </element>
すべてのHTML要素がサポートされています。
パラメーター値
| 価値 | 説明する |
|---|---|
| 表現 | 式は1つ以上のクラス名を返します。 |
上記は、困っている友人による参照のためのAngularjs ngクラスの指導情報の編集です。