【Angular】下拉列表写活的，动态查询的下拉列表；

因业务需要，下拉列表需要动态查询；但是一直显示不出来；

究其原因，乃未初始化也；

一、错误写法：

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个专业，初始化的时候，至少要给出一个例子，然后再用动态查询，组装一个同结构的数组，数组里是同结构实体类；下面的这种才是可以的：