javascript - AngularJS 选择框中的默认静态 HTML 值

Question

我在 HTML 中有一个 select 标签，我正在使用 ng-repeat 来填充它。

<td>
    <select ng-model="item.data.region" style="margin-bottom: 2px;">
        <option ng-repeat="region in vm.regions track by $index" value="{{region}}">{{region}}</option>
    </select>
</td>

我正在为它调用 API ...

ds.getAllRegions(type).then(function(result){
    if(!result.length){
        vm.errorInApi = true;
    }
    vm.regions = result;
   },function(error){
    vm.errorInApi = true;
   });

我想做的是...如果 API 调用失败，即如果 vm.errorInApi 为真，则在下拉列表中放置一个默认静态值，如 select 并禁用选择框。

我该怎么做？

Answer 1

<td>
    <select ng-model="item.data.region" ng-disabled="vm.errorInApi" style="margin-bottom: 2px;">
        <option ng-show="vm.errorInApi">Select</option>
        <option ng-repeat="region in vm.regions track by $index" value="{{region}}">{{region}}</option>
    </select>
</td>