Question

好的，这是代码：左块右块

如果屏幕较小或较宽，它会在屏幕左侧显示左侧块，在屏幕右侧显示右侧块。对于小于小的屏幕（如两次简单的潜水），它在左侧块下方显示右侧块。那很清楚。

我想使用ng-if =＆＃34; boolValue＆＃34;对于右侧块，以便在隐藏时，左侧块位于屏幕中间，而不是左侧。

最好的方法是什么？

<div class="row">
   <div class="col-sm-6">
      left block in the center
   </div>
   <div class="col-sm-6" ng-if="boolValue">
      when right block is hidden because of falsy boolValue
   </div>
</div>

完成这项工作的技术是什么？我想到的最好的事情是使用ng-如果是这样的话：

<div class="row">
   <div class="col-sm-12" ng-if="!boolValue">
      left block in the center
   </div>
   <div class="col-sm-6" ng-if="boolValue">
      left block in the center <the same content as above>
   </div>
   <div class="col-sm-6" ng-if="boolValue">
      when right block is hidden because of falsy boolValue
   </div>
</div>

但我不认为这是正确和最好的方式。

Answer 1

<div class="row">
   <div ng-class="{'col-sm-12': !boolValue, 'col-sm-6': boolValue}" ng-if="!boolValue">
      left block in the center
   </div>
   <div class="col-sm-6" ng-if="boolValue">
      when right block is hidden because of falsy boolValue
   </div>
</div>

Answer 2

 <div class="row">    
   <div ng-class="{'col-sm-6':boolValue,'col-sm-12':!boolValue}">

   </div>
   <div class="col-sm-6" ng-if="boolValue">

   </div>
</div>

Angular ng-if和更改Twitter Bootstrap col-sm

2 个答案: