当我使用ng repeat来构建选择器时,我正在使用具有相同值的选项

时间:2016-06-10 13:06:32

标签: angularjs angular-material

当我使用ng repeat来构建选择器并且我使用具有相同值的选项时,angulars返回'错误:在选择中不允许重复的md-option值。找到重复值“1”。'

angular.module('app',['ngMaterial'])
    .controller('repeatCtrl', function($scope) {
      $scope.items = [
          { value: 1, name: 'Item 1' },
          { value: 1, name: 'Item 2' },
          { value: 1, name: 'Item 3' },
          { value: 4, name: 'Item 4' },
          { value: 5, name: 'Item 5' },
      ];
    });


<md-input-container>
    <label>choose item</label>
    <md-select ng-model="item">
        <md-option ng-repeat="item in items" value="{{item.value}}">{{item.name}}</md-option>
    </md-select>
</md-input-container>

1 个答案:

答案 0 :(得分:0)

抱歉,没有使用过材料,但是下面的内容将使用常规的角度和html。

<select ng-options="x as x.name for x in items" ng-model="item">
<option>Select something...</option></select>

然后在需要的地方使用item.value