如何在Angular.js选择框中有一个默认选项

发布时间：2020-12-17 09:32:37 所属栏目：安全来源：网络整理

导读：我已经搜索Google，找不到任何东西。我有这个代码。 select ng-model="somethingHere" ng-options="option.value as option.name for option in options"/select 有一些这样的数据 options = [{ name: 'Something Cool',value: 'something-cool-value'},{ n

我已经搜索Google，找不到任何东西。

我有这个代码。

<select ng-model="somethingHere" 
        ng-options="option.value as option.name for option in options"
></select>

有一些这样的数据

options = [{
   name: 'Something Cool',value: 'something-cool-value'
},{
   name: 'Something Else',value: 'something-else-value'
}];

输出是这样的。

<select ng-model="somethingHere"  
        ng-options="option.value as option.name for option in options" 
        class="ng-pristine ng-valid">

    <option value="?" selected="selected"></option>
    <option value="0">Something Cool</option>
    <option value="1">Something Else</option>
</select>

如何可以将数据中的第一个选项设置为默认值，以便获得类似的结果。

<select ng-model="somethingHere" ....>
    <option value="0" selected="selected">Something Cool</option>
    <option value="1">Something Else</option>
</select>

你可以简单地使用 ng-init这样

<select ng-init="somethingHere = options[0]" 
        ng-model="somethingHere" 
        ng-options="option.name for option in options">
</select>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!