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并禁用选择框。

我该怎么做？

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

无论如何，首先你应该在select-tag中添加ng-disabled="vm.errorInApi"来禁用选择框。

我认为您应该将option-tag中的{{region}}更改为默认值。

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

2 个答案: