设置角度下拉列表的选定值

时间:2015-11-11 17:50:12

标签: javascript angularjs twitter-bootstrap-3 angular-ui-bootstrap

我正在使用angularjs应用,我很难尝试在select标签中设置所选值。

注意,第二个选项有selected="selected"

我尝试了所有发布的解决方案,例如设置文档类型t html5,添加 autocomplete=off ,为表单标记添加名称。似乎没有任何工作。任何想法如何实现。

这是小提琴:https://jsfiddle.net/20cw7eqe/并在那里工作正常。

但它不适用于FF或Chrome。顺便说一句,我使用bootstrap。

任何解决方法?

1 个答案:

答案 0 :(得分:0)

看一下这个例子:http://plnkr.co/edit/Xc8Qrcr0AN4I2U0chbye?p=preview

对于不同的模型,您可以看到select标签的2个不同示例。您可以使用与您的案例更相似的那个。

只需在控制器中设置要选择的值即可。 ng-model将完成余下的工作。

我已经编辑了plunker,因此您可以查看ng-selected的工作原理。这是包含的代码:

<select required="true" ng-model="selected3">
    <option ng-repeat="option in options2" ng-selected="option == 'second'" >{{option}}</option>
</select>