AngularJS - 使用ng-model选择默认值

时间:2014-06-30 09:00:49

标签: angularjs angular-ngmodel

DEMO

我有一个select标签,我使用ng-model来获取所选值。 Select标记显示Empty first value,它应显示Choose。我做错了什么?

<select ng-model="todo.opts">
    <option>Choose</option>
    <option><25%</option>
    <option>25-50%</option>
    <option>>50%</option>
</select>

2 个答案:

答案 0 :(得分:3)

由于您的模型一开始就是空的,您可以通过给它一个空值轻松选择Choose选项:

<div ng-app="app" ng-controller="myCtrl">
    <select ng-model="opts">
        <option value="">Choose</option>
        <option><25%</option>
        <option>25-50%</option>
        <option>>50%</option>
    </select>
</div>

这是updated fiddle

答案 1 :(得分:3)

尝试将范围中的todo.opts变量设置为要选择为默认值的值。 顺便提一下,检查 ng-option

的文档