Question

我很难通过ng-repeat渲染div。我想逐一渲染ng-repeat中的div，覆盖页面的一半。这是我的代码：

<div class="col-md-12">
    <div class="form-group col-md-6" ng-repeat="field in selectedfields" ng-if="!selectedfields[$index].allowedValues || selectedfields[$index].allowedValues.length === 0 ">
          <label class="control-label" for="domain">{{field.name}} </label>
          <input placeholder="{{field.name}}" class="form-control"  type="text" id="domain">
    </div>
    <div class="form-group col-md-6" ng-repeat="field in selectedfields" ng-if="selectedfields[$index].allowedValues.length >= 1">
           <label class="control-label" for="{{field.name}}">{{field.name}} </label>
          <select class="form-control">
               <option value="{{allowedValue.name}}" ng-repeat="allowedValue in field.allowedValues" ng-model="field.allowedValues">{{allowedValue.name}}</option>
            </select>
    </div> 
 </div>

父div下的div（文本框/下拉列表）应该逐一显示，覆盖页面的一半，但它们将出现在整页上。每个div都在下一行渲染。有人可以建议我在给css课时做错了吗？

Answer 1

你的最终版面应该是

map.update

用于在页面的一半上动态渲染div的CSS类

1 个答案: