码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-07-21 11:37:12      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:for   完成   span   color   不能   strong   repeat   目的   ons   

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

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

标签:for   完成   span   color   不能   strong   repeat   目的   ons   

原文地址:http://www.cnblogs.com/liaolei1/p/7216799.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!