Javascript 角度模型绑定选择框不显示硬编码占位符

我正在使用

ng repeat

将一些ajax数据加载到select元素中。当数据（邮政编码地址）可用时，将显示选择框。单击选择框选项时，它应调用函数并擦除数据数组

这一切都是可行的，但一旦选择了一个选择选项，输入选择就会更新为该值，然后清除，留下一个空框。它在选择框中不可见，但在dom中显示，没有任何更改

理论上，我需要的是在加载页面时将select元素刷新到其原始状态

我尝试了以下方法重置占位符，但均无效：

$('select.postcode').prop('selected', function() {
     return this.defaultSelected;
});

$('select.postcode').prop('selectedIndex',0);

有人知道如何在单击选项并重置数据后使选项占位符可见吗

<div ng-show="postcodeAddresses.length > 0" class="postcode-select">
    <select class="form-input form-select postcode" ng-model="selectedAddress.address" ng-change="updateAddressFields('address')">
        <option value="" disabled selected hidden >Select address...</option>
        <option ng-repeat="address in postcodeAddresses" value="@{{$index}}">@{{address.line_1}}</option>
    </select>
</div>

选择地址。。。
@{{address.line_1}}

可能是因为您正在使用默认选项的

hidden

属性。这会隐藏选项，使其无法显示在选项列表/下拉列表中。在页面加载时使用“选择输入”中的“隐藏”选项仍然可以正确显示，而不是在选择选项之后。