angularjs下拉列表设置一个默认值

Posted Insus.NET

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularjs下拉列表设置一个默认值相关的知识,希望对你有一定的参考价值。

angularjs环境中,下拉列表html代码如下:

 

下拉列表的数据源结构大约如下:

 

现在,我们想在页面的初始化或者一个用户Click事件中,为这个下拉列表设置一个默认值。

方法如下:

$scope.Trans_Type =1; //2,3,4,.....

 

当我们执行时,发现它并没有得到预期的效果,反而它为下拉列表添加多一项空值项:

 

明明Type值是数字1,2,3或4等。

经过一系列测试,如果绑定一个字符串作为下拉列表的值时,它能正常设值并绑定,所以:

 

把数据转换为字符串。

以上我们是静态指定,如果是从服务端获取并动态赋值时,toString()来进行转换即可:

 

 

以上是关于angularjs下拉列表设置一个默认值的主要内容,如果未能解决你的问题,请参考以下文章

html下拉框怎么设置默认值

angular 下拉列表选项变的不表示

将下拉列表中的第一个值设置为 php 中的默认值

下拉列表不会根据范围值angularjs进行更新

如何设置通过 AJAX 从另一个页面调用的下拉列表的默认值?

分别在javascript和JSP中动态设置下拉列表默认值