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

前端之家收集整理的这篇文章主要介绍了AngularJs和:默认选择的选项被删除前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望以下代码呈现一个下拉列表,默认选择第三个选项.但是,当我使用 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.

原文链接:https://www.f2er.com/angularjs/140494.html

猜你在找的Angularjs相关文章