在ngShow中可以包含Class嗎？

我想如果有可能包含ng-showclass但我不能使它工作。所以我的問題是，這可能嗎？在ngShow中可以包含Class嗎？

示例HTML代碼

<span class="glyphicon glyphicon-remove form-control-feedback"></span>

我期望如果可能

<span ng-show="{'class' : glyphicon glyphicon-remove form-control-feedback}"></span>

來源

2017-03-22 Marksmanship

你動態加載的類？如果是的話，你能告訴我們邏輯嗎？ – Mistalis

使用'ng-class'代替 –

感謝回覆@one_frontend_engineer。如果它是我正在尋找的那個，我將首先閱讀ng類。 – Marksmanship

從official documentation「的ngShow指令顯示或隱藏基於所提供的表達式給定的HTML元素什麼輸出到ngShow屬性。「所以用ng-show指令不可能做到這一點。

您正在尋找的是使用ng-class，它允許您根據布爾表達式將單個或多個類應用於元素。

文檔：

https://docs.angularjs.org/api/ng/directive/ngClass

看到這裏工作示例：

var myApp = angular.module('myApp', []); 
 

 
function MyCtrl($scope) { 
 

 
}

.red { 
 
    background-color: red; 
 
} 
 

 
.blue { 
 
    background-color: blue; 
 
}

<html lang="en" ng-app="myApp"> 
 
    <head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
    </head> 
 
    <body> 
 
    <div ng-controller="MyCtrl"> 
 
     <p ng-class="{'blue': true, 'red': false}">Hello, world!</p> 
 
    </div> 
 
    </body> 
 
</html>

來源

2017-03-22 13:03:51

@Ajjando Moran，謝謝你提供的答案。我將進一步閱讀您所包含的ng級參考。謝謝 – Marksmanship

它必須是'ng-class =「{'blue'：true，'red'：false} [expression]」'表達式將返回true或false –

在ngShow中可以包含Class嗎？

回答

相關問題