Question

如何在ngClass和&&布尔运算符中使用!映射语法？

<div class="tbTileContent"
    ng-class=  
    "{'highlight': ((obj.Count == 1 &&  
         setActionType != 1 && setActionType != 20 )},[obj.BackgroundColor,obj.ColumnColor]">

不起作用。这可能是其他方式吗？

Answer 1

参考rootScope使用相等性检查来简化调试，并使用开发人员工具检查CSS特异性：

＆＃13;

.foo { color: red; }
.bar { color: blue; }
.baz { color: green; }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<script>
  function bar($rootScope)
    {
    $rootScope.conditionA = true;
    $rootScope.conditionB = function() { return true; };
    }
  
  angular.module('foo',[]);
  angular.module('foo').run(bar);
</script>
<div ng-app="foo">
  <div class="existing" ng-class="{baz: conditionA && conditionB(), foo: conditionA, bar: conditionB()}">
    Hi
  </div>
</div>

＆＃13;

运行块是Angular中与main方法最接近的东西。运行块是需要运行以启动应用程序的代码。在配置完所有服务并创建注入器后执行。运行块通常包含难以进行单元测试的代码，因此应在隔离模块中声明，以便在单元测试中忽略它们。

<强>参考

如何混合ngClass Map语法和布尔运算符

1 个答案: