发表于: 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]

遇到的问题

暂无

明天计划的事情

完成编辑页面



返回列表 返回列表
评论

    分享到