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

Question

我在HTML中有一个select tag ，并且正在使用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为true，则在下拉列表中放入一个默认静态值，如select并禁用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>

Answer 2

无论如何，首先，您应该在选择标签中添加ng-disabled="vm.errorInApi"以禁用选择框。

而且我认为您应该将选项标签中的{{region}}更改为默认值。