AngularJS 下拉列表demo
2017-07-18 19:10
190 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<select ng-init="selectedName = names[0]" ng-model="selectedName" ng-options="x for x in names">
</select>
<div> 你选择了：{{selectedName}}</div>
<button ng-click="getNames()">点我！</button>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.names = ["Google", "Runoob", "Taobao"];
$scope.getNames = function() {
$scope.names = ["http", "get", "data"];
};
});
</script>
<p>该实例演示了 ng-options 指令的使用。</p>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- AngularJs实现密码框的内容校验，并实现下拉列表的所列的展示形式
- AngularJS下拉列表动态获取
- AngularJS使用ngOption实现下拉列表的实例代码
- 通达OA 下拉列表联动文本输入框 demo
- angularjs实现下拉列表的选中事件
- AngularJS中ng-options实现下拉列表的数据绑定
- 关于angularjs的下拉列表的绑定
- Demo-jQuery下拉列表内容联动
- ASP.NET MVC下使用AngularJs语言(六)：获取下拉列表的value和Text
- 下拉列表---demo---bai
- AngularJS 使用ngOption实现下拉列表
- AngularJS 使用ngOption实现下拉列表
- AngularJS使用ngOption实现下拉列表的实例代码
- Angularjs实现select的下拉列表
- angularjs-搜索框下拉列表
- 关于angularjs的select下拉列表存在空白的解决办法
- 无级分类下拉联动,树形列表完整解决方案(非递归,带源码[用户控件,完整DEMO])
- AngularJS 使用ngOption实现下拉列表
- angularjs下拉列表 select
- react native 中下拉列表FlatList组件的讲解以及实例demo