首页 > 代码库 > 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与默认选中第一项的问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。