在下拉列表中何处使用ng-model

Question

这里使用ng-model的位置？如果我与select标签一起使用，它会显示第一个选项为空白且没有绑定数据。

<label style="margin-top:8%;" class="item item-input item-select">
  <div class="input-label">
    Menus&nbsp;
  </div>
  <select>
   <option ng-repeat="a in result.result">{{a.groupName}}</option>
  </select>
</label>

Answer 1

选择需要ng-model并仅在ng-model中的值与选项中的某个元素匹配时显示默认选项。

请参阅select和ngOptions文档。

所以你需要像这样使用它，

在HTML中，

<select class="form-control" ng-model="selectValue" ng-options="option.id as option.name for option in availableOptions"> 

在app.js中，

app.controller('MainCtrl', function($scope) {
  $scope.world = 'World';
  $scope.selectValue="2";
    $scope.availableOptions = [
      {id: '1', name: 'Option A'},
      {id: '2', name: 'Option B'},
      {id: '3', name: 'Option C'}
    ];
});

plunker链接相同。