どちらか一方を使用する場合と、両方を同時にhtml要素(div、span、tableなど)に使用する必要がある場合はわかりません。お知らせ下さい。両方を混ぜると問題が生じるかもしれませんが、そうではありませんか?ng-classとclass CSS/style属性
0
A
答えて
0
Ngclassはあなたには、いくつかのロジックに基づいて、条件付きであることをクラスを必要とするときに使用される
は、このようなNG-クラスとして=「{ 『を-このクラスの選択』:ifThisAngularScopeIsTrueを}」
クラスだけですCSSの固定クラス
0
ng-classディレクティブは、1つ以上のCSSクラスをHTML要素に動的にバインドします。
例:ng-class
0
ご希望のデザインに合うようにあなたは、クラスとスタイルの属性を使用する必要があります。 ng-classディレクティブは、いくつかの変数や式に基づいていくつかのhtmlのクラスを変更する場合に一般的に使用されます。 DOはさらなる洞察のためthisを読む)
;
は、ここで簡単な例
angular.module('app', []);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <style> .blue { height: 100px; width: 100%; background-color: blue; display: block; } .red { height: 100px; width: 100%; background-color: red; display: block; } </style> <div ng-app="app"> <div style="height: 100px; width 100%; background-color: red; display: block;" ng-class="{'red': red == true, 'blue': red == false}"></div> <br /> <button ng-click="red = !red">Changing Red to Blue won't work because of the style attribute!</button> <br /> <br /> <div class="blue" ng-class="{'blue': blue, 'red': !blue}"></div> <br /> <button ng-click="blue = !blue">Toggle between Red & Blue</button> </div>
スタイル属性は、クラスを上書きする方法をインラインお知らせです。
関連する問題
- 1. 編集Html.DropDownListと@class属性
- 2. ASP.Netの属性["class"] = "";
- 3. HTML5のid、name、class属性の規則
- 4. Angular2 - ngclass onディレクティブセレクタ
- 5. ASP.NET - CheckBoxList入力タグの "class"属性を設定する
- 6. Class属性または引数のデフォルト値
- 7. python:クラスの属性とインスタンスの属性
- 8. 名前が "class"の属性をXstreamでアンマーシャリングするときの問題
- 9. 角2 ngClassとの双方向結合
- 10. Evalとhref属性?
- 11. オートクレーシスとインスタンス属性
- 12. HTML属性とプロパティ
- 13. [DataMember]属性と[IgnoreDataMember]属性を持つ属性がありません
- 14. カスタム属性vs data- *属性
- 15. "class"属性を追加するStruts2 UIのtextareaタグは、 "class java.util.HashMap"の値で自己充足します。
- 16. 属性
- 17. tabindex属性とFirefoxとIE
- 18. jquery siblings属性
- 19. トグルフィールドタイプの属性
- 20. WebAPIでclass属性が機能しないのはなぜですか?
- 21. 'TestExample.jarからMain-Classマニフェスト属性をロードできませんでした'
- 22. Class属性を追加しながら画像を削除する
- 23. Rails:条件付きでHTMLタグにCLASS属性を設定する
- 24. ここ属性
- 25. は、カスタム属性
- 26. Magento 1.6 Soap v2の属性と追加の属性
- 27. DataContract属性と.netのSerializable属性の違い
- 28. ASP.NET MVC先物RequireSSL属性と属性を一緒に承認
- 29. aria-label属性とtitle属性の違いは何ですか?
- 30. Magento属性と属性セットをプログラムで追加する
あなたは 'ngClass'の[documentation](https://docs.angularjs.org/api/ng/directive/ngClass)を読んでいますか? –