如何在AngularJS中的指令模板內添加ng-class？
[英]How to add ng-class inside directive template in AngularJS?
問題描述
我正在嘗試做這樣的事情：
template: "<div ng-if=\"successData\" ng-class=\"{ 'bounceInDown': successData == true,bounceInDown: successData == false}\" style=\"border-radius: 2px;padding: 7px;margin-right: 10px;\" class=\"pull-right alert-success\">test</div>"
但是ng-class不起作用。 有人知道為什么嗎？ 謝謝
2 個解決方案
解決方案1
0 2016-02-11 18:14:17
ng-if就足夠了，只需在控制器中設置$ scope.successData = true或false即可。 以下代碼變化不大
模板：“測試”
如果您需要進一步的幫助，請與我分享您的意見。
解決方案2
0 2016-02-11 19:13:21
指令模板僅在成功數據為true時顯示，因此ng-class是不必要的。 您可以將bounceInDown類移動到div元素的class屬性，如下所示。
template: '<div ng-if="successData" style="border-radius:2px;padding: 7px;margin-right:10px;" class="bounceInDown pull-right alert-success">test</div>'
Angularjs 指令：如何在屬性更改后更新模板中的 ng-class
[英]Angularjs Directive: How to update ng-class in template after change in attribute
如何在AngularJS中使用自己的指令中的ng-class和函數？
[英]How to use ng-class and function in own directive in AngularJS?
如何使用帶有replace：true的模板覆蓋/補充指令中的ng-class
[英]How to override / compliment ng-class in a directive with a template with replace: true
無法使用AngularJS的ng-class指令拉出CSS類
[英]Not able to pull the css class with ng-class directive of AngularJS
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
將 ng-class 屬性添加到 angularjs 指令的根元素
Angularjs 指令：如何在屬性更改后更新模板中的 ng-class
如何在AngularJS中使用自己的指令中的ng-class和函數？
如何使用帶有replace：true的模板覆蓋/補充指令中的ng-class
如何在指令中為ng級角添加條件
AngularJS - 如何添加多個ng-class指令？
ng-repeat和ng-class的Angular Template指令
如何在指令中獲取ng-class值
無法使用AngularJS的ng-class指令拉出CSS類
Angularjs ng-class在子指令中切換類
相關標簽