因业务需要,下拉列表需要动态查询;但是一直显示不出来;
究其原因,乃未初始化也;
一、错误写法:
html页面:
<div class="col-lg-2">
<select class="input-sm form-control" name="major" id="major" ng-options="option.id as option.name for option in majorList" ng-model="q.major">
</select>
</div>
1.第一种错误是跟业务冲突:
把majorList写死;
$scope.majorList = [
{ id: 1, name: '主值' },
{ id: 2, name: '副值' }
];
2.不写死,但是没有具体地初始化;(注意体会这个具体二字)
所有后来调用了一个方法,从数据库查询过来的:
questionService.getMajorType({LovId:4}).then(
function (res) {
$scope.majorList = [];
for (var i = 0; i < res.data.length; i++) {
console.log("i:"+i);
/*初始化:*/
var a = {
id: i,
name: res.data[i].name
};
$scope.majorList.push(a);
}
console.log($scope.majorList);
}
);
这里查也查出来了,但是就是显示不出来,而且,会影响到其它的下拉列表,导致其它的下拉列表也显示不出来,百思不得其解,如下图:
后来发现,这其实是因为没有初始化,没有初始化的更具体:
二、解决办法:
如果,我们初始化【专业列表】的时候没有具体,就会出现刚才的那一种错;所以,如果我们有4个专业,初始化的时候,至少要给出一个例子,然后再用动态查询,组装一个同结构的数组,数组里是同结构实体类;下面的这种才是可以的: