Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用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>

>没有选项被认选择,即使我有ng-model =“object.setDefault”

问题1:

生成的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,请注明来意。