发表于: 2017-05-09 22:52:19

1 890


今天完成的事情:

1 看了一大堆angular资料,包括angular各种分页插件及其部分代码,相关angular知识点,

2 写出了分页功能;


明天的计划:

1 完善自己的分页按钮功能,input输入框绑定数据翻页功能;

2 开始搜索框的探索。


遇到的问题:

 翻页按钮的编写:

之前失败的代码:

 $scope.turningPage = function (p) {

        $scope.page = p;

        $http.get('/carrots-admin-ajax/a/article/search?page=' + $scope.page)

            .then(function successCallback(response) {

                console.log('p的值',$scope.p);

                $state.go('main.article', {page:p},{},{reload:true});

            })

此时的想法是根据turningPage(p)函数中的参数来改变$scope.page的值从而进行页面之间的切换,但由于对 $scope.page,page的理解比较混乱,导致多余写了http返回函数,再跳转,致使页面无法正常跳转,弃掉即可。

成功的代码:

$scope.turningPage = function (p) {
$scope.page = p;
   $state.go(
'main.article',
       {'page': $scope.page},
       {reload: true}
);
};


收获:

1一个完善的ng-table插件,虽然现在还没有使用,稍微研究了下,感觉功能很强大的样子;

2 一个基于ui-bootstrap的轻量级翻页插件,简单易用,不过感觉比较鸡肋:

地址:http://www.cnblogs.com/wohenxion/p/4624334.html

效果:

3 angular各个概念的理解更深了一些。


返回列表 返回列表
评论

    分享到