angularjs中的下拉框,以及数据的回显,并且还可以实现下拉框的功能
来源:互联网 发布:大嘴女网络歌手 编辑:程序博客网 时间:2024/06/06 02:35
两种实现方式
一 ,第一种就是使用select来实现下拉框,如下
- <div class="input-select" >
- <select ng-model="areaId" class="js-input-select-title" ng-change="queryCityByQuYu()">
- <option value="--请选择区域--">--请选择区域--</option>
- <option ng-repeat="areaValueViewList in areaValueViewLists" ng-value="areaValueViewList.id">{{areaValueViewList.value}}</option>
- </select>
- </div>
- <div class="input-select">
- <select ng-model="cityIds" class="js-input-select-title">
- <option value="--请选择城市--">--请选择城市--</option>
- <option ng-repeat="platformCustomerDictionaryValue in platformCustomerDictionaryValues" value="{{platformCustomerDictionaryValue.id}}">{{platformCustomerDictionaryValue.value}}</option>
- </select>
- </div>
- $scope.areaId="--请选择区域--";
- $scope.cityIds="--请选择城市--";
- //通过区域查询对应的城市--创建时
- $scope.queryCityByQuYu = function()
- {
- if($scope.areaId == undefined || $scope.areaId == "undefined" || $scope.areaId =="--请选择区域--")
- {
- return;
- }
- }
其中下拉框选中了,将会把值付给ng-model,这样就可以通过ng-change方法来实现,
伦理片 http://www.dotdy.com/
- <div class="input-select">
- <select ng-model="upAreaId" class="js-input-select-title" ng-change="queryCityByQuYuBj()">
- <option ng-repeat="areaValueViewList in areaValueViewLists" value="{{areaValueViewList.id}}" ng-selected="upAreaId=={{areaValueViewList.id}}">{{areaValueViewList.value}}</option>
- </select>
- </div>
- <div class="input-select">
- <select ng-model="upCityId" class="js-input-select-title" >
- <option ng-show="upCityId==upCityIdTwo" ng-value="upCityId" ng-selected="true">{{upCityName}}</option>
- <option ng-repeat="cityValueViewList in cityListBj" value="{{cityValueViewList.id}}" >{{cityValueViewList.value}}</option>
- </select>
- </div>
- ==>upCityId==upCityIdTwo是用来显示原本的数据是否消失
0 0
- angularjs中的下拉框,以及数据的回显,并且还可以实现下拉框的功能
- angularJS实现可编辑的下拉框
- 可以输入的下拉框实现方法
- 两个下拉框的联动功能实现
- jeecg下拉框功能的实现
- 怎么实现select可以下拉也可以输入的功能
- 可以选择的下拉框
- 可以输入的下拉框
- 可以输入的下拉框
- 可以输入的下拉框
- angularJs-$http实现百度搜索时的动态下拉框
- 下拉列表框只能选择,我想选择后还可以允许用户对选择的内容进行修改,如何实现可编辑的下拉列表框?
- AngularJS中ng-options实现下拉列表的数据绑定
- AngularJS 下拉框的基础应用
- AngularJS下拉框的高级应用
- 基于angularjs完成的下拉框
- AngularJS select下拉框的使用
- magicsuggest 多选以及带搜索功能的下拉框
- 使用cookie保存访问商品记录
- Java性能调优:利用JMC分析性能
- NotificationManager
- 我行我素购物管理系统
- JAVA中StringBuffer,HashMap等常见类扩容机制
- angularjs中的下拉框,以及数据的回显,并且还可以实现下拉框的功能
- 高通Snapdragon Sensor Core(SSC)培训笔记
- Spark Streaming如何使用checkpoint容错
- @Temporal JPA 映射时间(Temporal)类型
- java中HashMap和HashTable的区别总结
- 24、Power Query-数学运算的应用(统计男女人数)
- Play!Framework学习笔记:初识Play
- LeetCode 294. Flip Game II
- Error:(149, 22) 错误: 需要常量表达式