1. select中动态添加数据时发现一个选项为空,在选中了其他选项时,在点击时发现第一个空选项消失了,所有我们需要设置一个默认的选项;
2. 开始的时候我用的方法:
<select class="selectcompany" ng-change="change(routeinfo.UnitCode)" ng-model="routeinfo.UnitCode"> <option ng-repeat="unit in unitlist" value={{unit.UnitCode}}>{{unit.UnitName}}</option> </select>
unitlist是 后台的数据;
发现怎么设置都不能达到目的;
3. 然后用了这个方法:
<select class="selectcompany" ng-change="change(routeinfo.UnitCode)" ng-model="routeinfo.UnitCode" ng-options="unit.UnitCode as unit.UnitName for unit in unitlist"> </select> 下面写一个循环后的一个option的样式:<option value="unit.UnitCode">unit.UnitName</option>unit.UnitCode是作为value的值----unit.UnitName是作为option之间的内容;
此时我们还没有设置第一项为默认选项:设置方法如下:
在控制器中设置: $scope.routeinfo.UnitCode=$scope.unitlist[0].UnitCode;
ok就完成了!!!!!!!!
时间: 2024-10-20 23:05:45