将select的默认值设置为null选项

Question

根据Angular文档,您可以创建一个不属于模型的null选项.这允许您有一个描述性选项.IE在他们的例子中有-- choose color --.如何将null选项设为默认选项？我希望用户在首次加载页面时看到此描述性空选项.

如果您还可以告诉我如何通过角度禁用null选项,则可以获得奖励积分.

Answer 1

该值自动设置为null.但是,如果您从REST接收数据以获取exaple并将其设置为某个值 - 您可以添加ng-init到您的select标记中.并且在选择某个值后禁用null选项 - 您需要添加ng-disabled到您的option标记.

<select ng-model="model" ng-options="item for item in items" ng-init="model = null">
  <option value="" ng-disabled="!!model">--Select option--</option>
</select>

在控制器中:

.controller('MainCtrl', function($scope) {
  $scope.model = 'First';
  $scope.items = ['First', 'Second', 'Third'];
});

演示:http://plnkr.co/edit/es​​oX26I9bESE59yneOvv