select选择不同option,局部切换div或者其他布局
来源:互联网 发布:淘宝开店 pdf 编辑:程序博客网 时间:2024/05/29 18:51
<head><meta charset="UTF-8"><title>test</title><script type="text/javascript" src="angular.min.js"></script><script>var myApp = angular.module("myApp", []);myApp.controller("testCtrl", function($scope){ $scope.data = [{id:1,value:'hello'},{id:2,value:'bye'},{id:3,value:'hmmmm'}]; //$scope.selectValue = $scope.data[0].id;});</script></head> <body ng-app="myApp"><form ng-controller="testCtrl"> <select ng-model="selectValue" ng-options="item.id as item.value for item in data"></select><br /><br /> <div ng-switch="selectValue"> <div ng-switch-when="1">hello</div> <div ng-switch-when="2">bye</div> <div ng-switch-when="3">hmmmm</div> <div ng-switch-default>ah?</div> </div></form></body></html>
也可以不用switch用ng-show/hide或者ng-if这样的,注意:ngOptions使用必须和ngModel一起使用。
阅读全文
0 0
- select选择不同option,局部切换div或者其他布局
- select标签option选择
- jquery切换select选项 option
- select 动态填充option选项及获取选择的值或者所有值
- select动态添加子选择项option
- select中不可选择的option
- Select Option 标签元素选择获取
- 让select框中option无法选择
- angular 设置select默认option选择值
- 选择select框下option的值
- select中option改变时跳转到其他页面
- select中option改变时跳转到其他页面
- HTML CSS + DIV实现局部布局
- HTML CSS + DIV实现局部布局
- HTML CSS + DIV实现局部布局
- div+css使用OPTGROUP对SELECT中的OPTION分组
- select option
- select option
- 在VS2013环境下使用EF框架与Sqlite(二)
- SQL Server 检测到基于一致性的逻辑 I-O 错误 pageid 不正确
- 1015. 德才论
- 在java web项目中调用c++的dll程序简单案例
- python 中文路径带来的错误和解决
- select选择不同option,局部切换div或者其他布局
- 大话数据结构 -绪论
- 第九章 JSR303验证-跟赵大笨笨学SpringMVC
- 2017 HDU 6092 多校联合赛 Rikka with Subset
- 欢迎使用CSDN-markdown编辑器
- 浅谈封装一个对象的方法
- nginx+iis负载均衡处理
- php解压gzip压缩数据
- GitHub入门