大佬教程收集整理的这篇文章主要介绍了使用Angularjs在选择下拉菜单中设置默认值,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
var list = [{id:4,name:"abc"},{id:600,name:"def"},{id:200,name:"xyz"}]
在我的控制器中,我有一个带有值的变量。该值决定了下拉列表中默认选择的数组中的上述三个项目中的哪一个:
$scope.object.setDefault = 600;
当我创建一个下拉表单项如下:
<SELEct ng-model="object.setDefault" ng-options="r.name for r in list">
我面临两个问题:
>列表生成为
<option value="0">abc</option> <option value="1">def</option> <option value="2">xyz</option>
代替
<option value="4">abc</option> <option value="600">def</option> <option value="200">xyz</option>
你生成的HTML是正常的。显然,这是Angular的一个功能,能够使用任何类型的对象作为选择的值。 Angular执行HTML选项值与ng模型中的值之间的映射。
另请参阅Umur在这个问题上的评论:How to set value property in angularjs ng-options?
问题二:
确保使用以下ng选项:
<SELEct ng-model="object.item" ng-options="item.id as item.name for item in list" />
并将其放在您的控制器中以选择默认值:
object.item = 4
以上是大佬教程为你收集整理的使用Angularjs在选择下拉菜单中设置默认值全部内容,希望文章能够帮你解决使用Angularjs在选择下拉菜单中设置默认值所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。