Question

我正在尝试，如果可以在ng-show class内加入，但我无法使其发挥作用。所以我的问题是，有可能吗？

示例HTML代码

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

如果可能，我希望得到什么输出

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

Answer 1

来自official documentation＆＃34; ngShow指令根据提供给ngShow属性的表达式显示或隐藏给定的HTML元素。＆＃34;因此，使用ng-show指令无法做到这一点。

您正在寻找的是使用ng-class，它允许您根据布尔表达式将单个或多个类应用于元素。

文档：

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

请在此处查看工作示例：

＆＃13;

var myApp = angular.module('myApp', []);

function MyCtrl($scope) {

}

＆＃13;

.red {
  background-color: red;
}

.blue {
  background-color: blue;
}

＆＃13;

<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>

＆＃13;

是否可以在ngShow中包含Class？

1 个答案: