ionic中ng-options与默认选中第一项的问题

Posted 2020-09-29 空间机器

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就完成了！！！！！！！！