为 angular 中的下拉菜单设置选定值
Set selected value for a dropdown in angular
我在 angularjs 应用程序中工作,我很难尝试在 select 标签中设置 selected 值。
注意,第二个选项有 selected="selected"
我尝试了所有发布的解决方案,比如设置文档类型 t html5,添加 autocomplete=off
,为表单标签添加名称。似乎没有任何效果。知道如何实现它。
这是 fiddle:https://jsfiddle.net/20cw7eqe/ 在那里工作正常。
但它不适用于 FF 或 Chrome。顺便说一句,我正在使用 bootstrap.
任何解决方法?
看看这个例子:http://plnkr.co/edit/Xc8Qrcr0AN4I2U0chbye?p=preview
您可以看到 2 个不同的 select
标签示例,适用于不同的型号。您可以使用与您的情况更相似的那个。
只需在您的控制器中设置您想要选择的值。 ng-model
将完成其余部分。
我已经编辑了 plunker,因此您可以了解 ng-selected 的工作原理。这是包含的代码:
<select required="true" ng-model="selected3">
<option ng-repeat="option in options2" ng-selected="option == 'second'" >{{option}}</option>
</select>
我在 angularjs 应用程序中工作,我很难尝试在 select 标签中设置 selected 值。
注意,第二个选项有 selected="selected"
我尝试了所有发布的解决方案,比如设置文档类型 t html5,添加 autocomplete=off
,为表单标签添加名称。似乎没有任何效果。知道如何实现它。
这是 fiddle:https://jsfiddle.net/20cw7eqe/ 在那里工作正常。
但它不适用于 FF 或 Chrome。顺便说一句,我正在使用 bootstrap.
任何解决方法?
看看这个例子:http://plnkr.co/edit/Xc8Qrcr0AN4I2U0chbye?p=preview
您可以看到 2 个不同的 select
标签示例,适用于不同的型号。您可以使用与您的情况更相似的那个。
只需在您的控制器中设置您想要选择的值。 ng-model
将完成其余部分。
我已经编辑了 plunker,因此您可以了解 ng-selected 的工作原理。这是包含的代码:
<select required="true" ng-model="selected3">
<option ng-repeat="option in options2" ng-selected="option == 'second'" >{{option}}</option>
</select>