首页 > 代码库 > ionic中ng-options与默认选中第一项的问题

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

1. select中动态添加数据时发现一个选项为空,在选中了其他选项时,在点击时发现第一个空选项消失了,所有我们需要设置一个默认的选项;

2. 开始的时候我用的方法:

<select class="selectcompany" ng-change="change(routeinfo.UnitCode)"  ng-model="routeinfo.UnitCode">
  <option ng-repeat="unit in unitlist" value=http://www.mamicode.com/{{unit.UnitCode}}>{{unit.UnitName}}                    >

  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="http://www.mamicode.com/unit.UnitCode">unit.UnitName</option>
unit.UnitCode是作为value的值----unit.UnitName是作为option之间的内容;

此时我们还没有设置第一项为默认选项:设置方法如下:

在控制器中设置:
$scope.routeinfo.UnitCode=$scope.unitlist[0].UnitCode;

ok就完成了!!!!!!!!

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