欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-25 23:29:44
angularjs环境中,下拉列表html代码如下: 下拉列表的数据源结构大约如下: 现在,我们想在页面的初始化或者一个用户Click事件中,为这个下拉列表设置一个默认值。 方法如下: $scope.Trans_Type =1; //2,3,4,..... 当我们执行时,发现它并没有得到预期的效果, ......

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

 

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

 

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

方法如下:

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

 

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

 

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

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

 

把数据转换为字符串。

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