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

  • 相关阅读:
    2019浙江理工校赛有感
    问题 G: 跳马棋
    问题 H: 象棋对局胜负
    问题 C: 远离原点
    问题 B: 合并车厢
    Hibernate 异常汇总
    设计模式
    1.2.1.2.1.12.34.3.1.34.1.2
    数据结构和算法之 查找
    数据结构和算法之排序算法
  • 原文地址:https://www.cnblogs.com/liaolei1/p/7216799.html
Copyright © 2011-2022 走看看