在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吗？

回答

相关问题