发表于: 2017-07-20 21:53:39
1 929
今天主要做的内容还是任务10的部分
1. 首先是遇到了一个比较大的问题,在之前写的搜索和跳页部分出故障了,后来发现出问题的原因在于之前拆分了一次嵌套路由,原本把整个article页面作为一个整体来写的,后来拆分成了home的侧边栏和上边栏部分,home的表格部分这两个部分,所以需要更改全部的跳页
比如
//点击跳转到自己输入的那页
$scope.jumpPage = function () {
if ($scope.jPage >= 1 && $scope.jPage <= $scope.totalNum) {
$state.go('home.form',{page : $scope.jPage})
} else {
alert("请输入正确的页数")
}
};
2.删除内容
删除内容最开始也出了bug,和上下线的思路一样,使用ng-click传参,将要删除内容的对应id传过去,根据接口文档,将内容最终"ddelete",后来console了一下,将内容最终确定至该object的id,成功删除
//删除数据
$scope.delete = function (id) {
// console.log(id);
$http ({
method: "delete",
url: "/a/a/u/article/" + id
}).then(function success(response) {
$scope.aaa()
})
};
3. 新增功能
取消编辑很简单,直接写了一个页面跳转
$scope.cancel = function () {
$state.go('home.form',{page: 1})
};
上线内容根据接口文档进行传参,存草稿同理,更改status即可,之后再做一个跳页
//上线内容
$scope.online = function () {
// console.log($scope.parmas.startAt);
$http({
method: "post",
url: "/a/a/u/article",
params: {
title: $scope.params.title,
type: $scope.params.type,
status: 2,
img: $scope.params.img,
content: $scope.params.content,
url: $scope.params.url
}
}).then(function success(response){
$state.go('home.form',{page:1})
});
};
接下来还剩下的部分是编辑内容和表单验证,争取早日做完,今天还做了一部分小课堂的ppt,具体内容等到讲小课堂再展开
评论