AngularJs和：默认选择的选项被删除

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

导读：我希望以下代码呈现一个下拉列表,默认选择第三个选项.但是,当我使用 angularjs绑定select时,默认选项消失.任何想法？ var myApp = angular.module('myApp',[]);...div select id="myselection" ng-model="selectedColors" option value="1" Red/option optio

我希望以下代码呈现一个下拉列表,默认选择第三个选项.但是,当我使用 angularjs绑定select时,默认选项消失.任何想法？

var myApp = angular.module('myApp',[]);

...

<div>
  <select id="myselection" ng-model="selectedColors">
    <option value="1" >Red</option>
     <option value="2">Blue</option>
     <option value="3" selected="selected">Green</option>
  </select>

  <div>
    Selected Colors: {{selectedColors }}
  </div>
</div>

这是一个工作示例：http://jsfiddle.net/TXPJZ/134/

谢谢！

解决实现的最简单方法是使用ng-init.

<div>
    <select id="myselection" ng-init="selectedColors=3" ng-model="selectedColors">
        <option value="1">Red</option>
        <option value="2">Blue</option>
        <option value="3">Green</option>
    </select>
    <div>Selected Colors: {{selectedColors }}</div>
</div>

尝试在FIDDLE.

（编辑：李大同）

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