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

时间:2017-05-19 12:34:34

标签: javascript html angularjs ajax

我使用ng-repeat将一些ajax数据加载到select元素中。当数据(postcodeAddresses)可用时,它会显示选择框。单击选择框选项时,它应调用函数并擦除数据数组。

这一切都有效,但只要选择了一个选项,输入选择就会更新为值,然后擦除干净,留下一个空框。它在选择框中不可见,但显示在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>

0 个答案:

没有答案