发表于: 2017-05-08 23:23:47
1 936
今天完成的事情:
1.解决掉页面刷新后消失问题。
2.完成把后台数据渲染到article表格中。
明天计划的事情:
完成分页功能。
遇到的困难:
1.昨天在日报中已经提到的那个刷新后页面消失问题的原因现在找出来了,原来是因为我将后台页的两个子页面都设置了新的ng-app,导致不刷新时可以正常执行,但是一刷新,浏览器可能就会进入子页面的ng-app,但是由于子页面的视图是相对于父页面的,也就是说如果父页面没有加载的情况下是不会加载子页面的,所以页面就不会显示,不报错的原因是因为浏览器选择子页面,相当于子页面内容为空,所以就不报错。
2.关于如何把数据传入表格中,以及如何将后台中的数据转化为前台数据。经过师兄指点之后,才知道是先用$http把后台数据获取到,
$http({
method:'get',
url:'/carrots-admin-ajax/a/article/search'
}).success(function (d) {
$scope.datas = d.data.articleList;
然后利用ng-repeat把前台所需要的数据依次渲染出来,
<tr ng-repeat="data in datas track by $index">
再使用
<td>{{data.type | optionType}}</td>
和过滤器方法filter('optionType',function(){})将后台中的number转换成我们所需要的值.
backstageApp.filter('optionType',function () {//可以注入依赖
return function (text) {//text为传参
if(text==0){
return "首页banner";
}else if(text==1){
return "找职位banner";
}else if(text==2){
return "找精英banner";
}else if(text==3){
return "行业大图";
}
}
});//将后台的数据变成前端需要的内容
3.关于如何做出分页效果,这个问题到现在还没有解决。
收获:
1.知道了ui-view的子页面不能添加ng-app,这样会导致刷新不出页面的情况。
2.学习了利用ng-repeat和filter方法来从后台获取数据并在前台中渲染出来
评论