zoukankan      html  css  js  c++  java
  • 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={{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就完成了!!!!!!!!

  • 相关阅读:
    浏览器基础知识点及常考面试题
    java设计模式之综述
    maven的基本原理和使用
    maven的介绍和安装
    Spring整合Struts2的方法
    Spring整合Hibernate的方法
    Spring中的事务管理
    Spring中的JDBC操作
    基于XML配置的Sping AOP详解
    基于注解的Sping AOP详解
  • 原文地址:https://www.cnblogs.com/liaolei1/p/7216799.html
Copyright © 2011-2022 走看看