Angularjs和Bootstrap LESS中的条件打印

时间:2014-10-29 19:23:51

标签: angularjs twitter-bootstrap less

我在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而不管条件如何。

1 个答案:

答案 0 :(得分:0)

您想使用 ng-class指令

所以你的coude看起来像:

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

 </div> 

使用此解决方案,只有在对象[0] .exists的结果为真时才会应用“print”类。