zoukankan      html  css  js  c++  java
  • 在ng中的select的使用方法的讲解

    项目中我们可能会使用到条件过滤选择框之类的东西,最简单的就是input、select、

    关于select的使用我们通常会需要从数据库中返回数据进行动态绑定。

    此时我们会有两种方式:

    1)使用ng-repeat进行循环

    <select  class="textStyle my-input" ng-model="submitData.single_select[$index].befTil"  name="title">
    <option value="" selected="selected">{{tmp.default_name.keyname}}</option>
    <option value="{{oname.v}}" ng-repeat="oname in opt track by $index">{{oname.keyname}}</option>
    </select>
    selected的作用就是是的页面显示初始值
    另外我们的value不能赋值,否则会失效的!!!!

    2)使用ng-option

    <select , ng-model="htmlObj.partments" ng-change="setpartment(htmlObj.partments)"
         ng-options="partments.id as partments.name for partments in partmentoption"
             class="input_content" style="display: inline-block">
    </select>
    ng-change的作用就是每一次下拉框的选项值发生变化,就会触发这个很厉害的事件,这个事件的形参会自动的获得所取的值。
    最终结果展示如下:

    关于  ng-options="partments.id as partments.name for partments in partmentoption"这句话,我在此多讲一句。

    partmentoption:就是一个数组对象,[{name:'名字',v:0,id:'44434343'},{name:'名字2',v:1,id:'32432323'},{name:'名字3',v:2,id:'543453343'},{name:'名字3',v:3,id:'434343434'}]

    partments.name:就是下拉框的下拉选项的名字

    partments.id:就是id、......partments.id as  partments.name 的作用就是,每一次选择的name值发生改变,就会使得id值对应改变,并且ng-model的取值就是id值

    参考链接:http://www.cnblogs.com/wolf-sun/p/4614532.html

  • 相关阅读:
    P2184 贪婪大陆
    codeforces-1348-D Phoenix and Science
    联系我
    留言板
    友链
    java集合ArrayList按指定字段排序
    linux下设置oracle开机自启动
    微信公众号开发参考教程
    java生成快递单并调用打印机打印
    java生成128A条形码
  • 原文地址:https://www.cnblogs.com/evaling/p/6890997.html
Copyright © 2011-2022 走看看