Javascript 如何动态设置Angularjs select的值?
在Angularjs中,我尝试从程序中动态设置选项。但是,我无法设置 请支持 请验证评论的参考链接以了解更多详细信息 提前谢谢Javascript 如何动态设置Angularjs select的值?,javascript,angularjs,select,angularjs-select,Javascript,Angularjs,Select,Angularjs Select,在Angularjs中,我尝试从程序中动态设置选项。但是,我无法设置 请支持 请验证评论的参考链接以了解更多详细信息 提前谢谢 <div ng-app="myApp"> <div ng-controller="AppCtrl"> "AngularJS select example" <br /> <br /> <select ng-model="mail_notific
<div ng-app="myApp">
<div ng-controller="AppCtrl">
"AngularJS select example"
<br />
<br />
<select ng-model="mail_notification" ng-change="plotRulegraph()">
<option ng-selected="{{ option.key == mail_notification }}"
ng-repeat="option in mail_notifications"
value="{{option.key}}">
{{option.value}}
</option>
</select>
<br />
</div>
</div>
不要将
ng selected
与ng model
一起使用
如果值是字符串以外的类型,请使用ng value
指令:
<div ng-app="myApp">
<div ng-controller="AppCtrl">
"AngularJS select example"
<br />
<br />
<select ng-model="mail_notification" ng-change="plotRulegraph()">
<option ̶n̶g̶-̶s̶e̶l̶e̶c̶t̶e̶d̶=̶"̶{̶{̶ ̶o̶p̶t̶i̶o̶n̶.̶k̶e̶y̶ ̶=̶=̶ ̶m̶a̶i̶l̶_̶n̶o̶t̶i̶f̶i̶c̶a̶t̶i̶o̶n̶ ̶}̶}̶"
ng-repeat="option in mail_notifications"
̶v̶a̶l̶u̶e̶=̶"̶{̶{̶o̶p̶t̶i̶o̶n̶.̶k̶e̶y̶}̶}̶"̶
ng-value="option.key">
{{option.value}}
</option>
</select>
<br />
</div>
</div>
“AngularJS选择示例”
{{option.value}}
使用带有双花括号的插值{}
,值将转换为字符串。
指令在比较值时使用严格相等。数字键不等于字符串键。ng value
指令保留正确的类型
从文档中:
注意:ngSelected
不与
和ngModel
指令交互,它只在元素上设置所选属性。如果在
上使用ngModel
,则不应在选项上使用ngSelected
,因为ngModel
将设置
值和所选选项
-
有关详细信息,请参阅
更新 该示例需要AngularJS V1.5或更高版本
用于参考的。:。在本示例中,我将设置默认值。但是,它的行为与我的预期不符从这里开始:另外,请尝试阅读现成的文档:谢谢您的指导。但是,请纠正我,我在这个链接中做错了什么。差不多了,我按照你的指示做了。我正在设定模型值。但是,这不是选择。你的小提琴使用的是过时的AngularJS版本。请参阅更新以获得答案。
<div ng-app="myApp">
<div ng-controller="AppCtrl">
"AngularJS select example"
<br />
<br />
<select ng-model="mail_notification" ng-change="plotRulegraph()">
<option ̶n̶g̶-̶s̶e̶l̶e̶c̶t̶e̶d̶=̶"̶{̶{̶ ̶o̶p̶t̶i̶o̶n̶.̶k̶e̶y̶ ̶=̶=̶ ̶m̶a̶i̶l̶_̶n̶o̶t̶i̶f̶i̶c̶a̶t̶i̶o̶n̶ ̶}̶}̶"
ng-repeat="option in mail_notifications"
̶v̶a̶l̶u̶e̶=̶"̶{̶{̶o̶p̶t̶i̶o̶n̶.̶k̶e̶y̶}̶}̶"̶
ng-value="option.key">
{{option.value}}
</option>
</select>
<br />
</div>
</div>