Angularjs和Bootstrap LESS的条件性印花

Question

我在Angular和Bootstrap环境中有一个条件打印要求。要求是在条件存在时打印div。

关于HTML代码：

<div class="print" ng-show="objects[0].exists">
   ///My print Part
 </div> 

关于LESS代码：

 >.print{
      .visible-print-block; 
 }

在我的例子中，.visible-print-block覆盖Angular条件，并打印div而不考虑该条件。

Answer 1

您想要使用ng class指令

所以你的coude看起来像：

<div ng-class= '{"print": objects[0].exists}'>
   ///My print Part
 </div> 

使用此解决方案，只有当对象[0]的结果为true时，才会应用类"print"。exists。