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

};

}]);



服务器地址



返回列表 返回列表
评论

    分享到