发表于: 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各个概念的理解更深了一些。
评论