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

我在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调用失败，即如果vm.errorInApi为true，则在下拉列表中输入一个默认静态值，如

选择

并禁用选择框。

---

我该怎么做呢？

hmm无论如何，首先您应该在选择标记中添加一个

ng disabled=“vm.errorInApi”

，用于禁用选择框。

我认为您应该将选项标记中的

{{region}

更改为默认值。

<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>

挑选
{{区域}}

虽然禁用了该选项，但它没有添加默认的选择选项以在出现故障时显示。很抱歉，我后来添加了第二点。只需检查一下：“我认为您应该将选项标记中的{region}更改为默认值。”

<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>