AngularJS NG-styleコマンド
AngularJS例
AngularJSはCSSキー=>値オブジェクト形式を使用してスタイルを追加使用します。
<ボディngのアプリ= "て、myApp " NG-コントローラ= "myCtrl">
<H1 ngのスタイル= "このmyobj ">チュートリアル</ H1>
<スクリプト>
VARアプリ= angular.module（ "て、myApp」、[]）;
app.controller（「myCtrl」、関数（$スコープ）{
$ Scope.myObj = {
「カラー」：「白」、
「背景色」：「サンゴ」、
「フォントサイズ」：「60ピクセル」、
"パディング"： "は50px"
}
}）;
</スクリプト>
</ BODY>
<H1 ngのスタイル= "このmyobj ">チュートリアル</ H1>
<スクリプト>
VARアプリ= angular.module（ "て、myApp」、[]）;
app.controller（「myCtrl」、関数（$スコープ）{
$ Scope.myObj = {
「カラー」：「白」、
「背景色」：「サンゴ」、
「フォントサイズ」：「60ピクセル」、
"パディング"： "は50px"
}
}）;
</スクリプト>
</ BODY>
»をお試しください
定義と使用法
HTML要素のためのngのスタイルの命令は、スタイル属性を追加します。
NG-style属性の値はオブジェクトである必要があり、オブジェクトは、式によって返されます。
CSSのプロパティと値のkey => valueのペアによって、オブジェクトの登録。
文法
<要素ngのスタイル= "表現 "> </要素>
すべてのHTML要素には、このプロパティをサポートしています。
パラメータ値
| 値 | 説明 |
|---|---|
| 文字列 | CSSプロパティとその値によってオブジェクトを返す式。 |