发表于: 2017-06-30 23:14:01
1 1018
今天完成的事情
完成了上下线功能;
完成了编辑页面表单验证
收获
学习了ng-options的应用场景
首先是常用的ng-repeat,这是创建菜单的最简单的方法:
$scope.items = ['one','two','three','four']
<option ng-repeat="item in items" value="{{item}}">{{item}}</option>
当item变为对象数组:
$scope.items = [{name: 'one', age: 30 },{ name: 'two', age: 27 },{ name: 'three', age: 50 }];
<select ng-model="selectedItem">
<option ng-repeat="item in items" value="{{item.age}}">{{item.name}}</option>
这里模型selectedItem与被选中的option元素绑定,因为ng-repeat被限制的条件式只能使用字符串类型,所以模型无法得到对象,这时就使用ng-options
<select ng-model="selectedItem" ng-options="item.name for item in items">
限制selected被绑定到一个对象上,此时selectedItem为一个对象,不是字符串;
ng-options不同的语法:
1.label for value in array(对于数组类型的数据)
2.select as label for value in array
3.label group by group for value in array;
对于禁用的按钮,改变其样式,使用:
.class[disabled]
遇到的问题
暂无
明天计划的事情
完成编辑页面
评论