发表于: 2016-12-09 02:04:45
3 1574
今天完成的事情:
1.学习angular图片上传;
2.完成产品管理新增的静态页面;
3.学习使用JSON自定数据;
4.调用组件库中的confirm;
明天计划的事情:
1.完善页面布局细节;
2.完成查询功能;
3.学习路由传参;
4.开始写业务逻辑;
遇到的问题:
1.查询功能,由于使用路由传参,这里不是很理解。使用了之前ng-model的方式,数据一改变就会立即的进行筛选,
明天一定要搞定;
2.bootstrap的类名依然不熟悉,必须好好学习一波;
收获:
1. 使用filter实现的搜索
搜索所有任意字段
<input type="text" ng-model="filter.any" >
<tr ng-repeat="user in users | filter: filter.any">
<td>{{user.name}}</td>
<td>{{user.email}}</td>
<td>{{user.joined | date}}</td>
</tr>
搜索某个字段
<input type="text" ng-model="filter.name">
<tr ng-repeat="user in users
| filter: filter.any
| filter: {name: filter.name}">
<td>{{user.name}}</td>
<td>{{user.email}}</td>
<td>{{user.joined | date}}</td>
</tr>
搜索时间段
angular .module('app') .controller('MainCtrl', ['$scope', function($scope) { $scope.users = $scope.users = [ {name: '', email: '', joined: 2015-1-1} ]; $scope.filter = { fuzzy: '', name: '' }; $scope.minDate = new Date('January 1, 2000'); $scope.maxDate = new Date(); $scope.min = function(actual, expected) { return actual >= expected; }; $scope.max = function(actual, expected) { return actual <= expected; }; }]); |
评论