Angularjs ngスタイルの指令
AngularJSインスタンス
AngularJSを使用してスタイルを追加し、CSSキー=>値オブジェクト形式を使用します。
<！Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> ng-style = "myobj">ルーキーチュートリアル</h1> <script> var app = angular.module（ "myapp"、[]）; app.controller（ "myctrl"、function（$ scope）{$ scope.myobj = {"color"： "white"、 "" 60px " 「50px」}}）; </script> </body> </html>定義と使用法
NGスタイルのディレクティブは、HTML要素にスタイル属性を追加します。
NGスタイルの属性値はオブジェクトでなければならず、式はオブジェクトを返します。
オブジェクトは、CSS属性と値、つまりkey =>値ペアによって登録されます。
文法
<要素ng-style = "expression"> </element>
すべてのHTML要素はこのプロパティをサポートしています。
パラメーター値
| 価値 | 説明する |
|---|---|
| 弦 | 式は、CSS属性と値で構成されるオブジェクトを返します。 |
上記は、Angularjs ngスタイルの命令の情報編集です。後で追加し続けます。このサイトへのご支援ありがとうございます！