ng1 select 默认选中第X项并且不会出现空白列的实现方式
2017-07-25 15:48
399 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body ng-app="app" ng-controller="ctrl">
<h1>试试下拉</h1>
<select ng-model="data">
<option ng-repeat="x in datas" value="`x`.`id`">`x`.`name`</option>
</select>
<h2>你选择的是:`data`</h2>
</body>
<script type="text/javascript" src="../vendor/angular.min.js"></script>
<script type="text/javascript">
angular.module('app',[]).controller('ctrl',function($scope){
$scope.datas = [
{id:"1",name:'zhangsan'},
{id:"2",name:'lis'}
];
$scope.data = $scope.datas[0].id;
});
</script>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- select以列表的方式显示，并且实现选中的选项上移下移
- 打开方式中设置默认打开方式时，选择的程序不会出现到设置默认方式的编辑框中的解决方法
- JSP的3种方式实现radio ,checkBox,select的默认选择值
- jSP的3种方式实现radio ,checkBox,select的默认选择值。
- jsp中使用select，并实现通过request中的参数进行默认选中
- Android ListView item 选中高亮显示之高效实现方式
- jQuery设置下拉框select 默认选中option
- 为dialog添加items，并且控制每个activity只能出现一个dialog，不会重复弹出
- select默认选择的实现方法
- android两种方式中自己画一个圆，实现单点触控时拖动图片，跟着拖动点走，并且可以放大或缩小
- 多路复用IO实现方式：select，poll，epoll的区别
- bootstrap-multiselect.js多选下拉框初始化时默认选中初始值
- win7系统怎么样修改文件后缀的默认打开方式实现双击直接打开
- angular select 默认选中指定项，option动态渲染
- C#中用鼠标右键选中tabpage选项卡 并且弹出右键菜单,实现选项卡的关闭
- select默认文字，不出现在下拉选项中
- ListView如何实现单选，默认选中一条。
- 以下的生产者消费者程序中，那个不会出现锁死，并且开销最少？
- gallery 从最左边开始显示并且默认选中第一个
- 在ng-repeat内Checkbox默认选中