发表于: 2017-04-12 21:59:38
3 1103
今天完成的事:完成了翻页功能。
下午看了几个别人家的分页功能,用的ui-bootstrap和angular,
尝试扒下来用但是报错很多。
后来还是回归最开始用的方法。问题在于每次点击按钮发送翻页请求后,虽然$scope.page已改变,但是在重新请求$http时,又会加载最开始的$sope.page,没有保存。
在师兄的指点下知道是URL传参的问题:
在配置路由页URL加上参数和默认请求的params
.state("asideBar.list", {
url: "/list/:page",
params:{page:'1'},
templateUrl: "list.html",
resolve: {
loadMyFile: _lazyLoad(
//懒加载登录的js和css文件
['css/list.css','js/list.js']
)
}
这就是之前每次看到的参数由来。
在每次请求翻页的函数里,state.go的url变为一个点,因为已经通过路由配置里传参。
$scope.flipPage = function () {
$state.go(
'.',
{'page': $scope.page},
{reload: true}
);
};
看了隔壁桌的写的ui-router。学到了一个页面多个视图的写法。更正了之前对登录页的错误认识。
登录页和后台都是在view里,路由配置更改视图显示。
给登录页添加了键盘事件。
http://www.jianshu.com/p/e76e50bb3a25
开始怎么都没反应。后来发现键盘监听的函数写在了login函数内部。。
在input框内添加ng-键盘事件。给button加没什么用嘛,跟tab选中enter一个效果。
给表格添加了过滤器,把约定字段的数字变成汉字显示出来。filter和switch结合,蛮好用的。
不过出了个问题:行业的那一列添加过滤器后整体消失。
<tr ng-repeat="x in mes">
<!--显示从后台获取的资料信息-->
<td>{{x.name}}</td>
<td>{{x.industryList|chinesIndustry}}</td>
<td>{{x.financing|chineseFinance}}</td>
<td>{{x.approved|chineseFreeze}}</td></tr>
listApp.filter('chineseIndustry', function () {
return function (getArr) {
var text='';
var textWords = [];
for (var i = 0; i < getArr.length; i++) {
switch (getArr) {
case 0:
text = '移动互联网';
textWords.push(text);
break;
case 1:
text = '电子商务';
textWords.push(text);
break;
case 2:
text = '企业服务';
textWords.push(text);
break;
case 3:
text = 'O2O';
textWords.push(text);
break;
case 4:
text = '教育';
textWords.push(text);
break;
case 5:
text = '金融';
textWords.push(text);
break;
case 6:
text = '游戏';
textWords.push(text);
break;
}
}
return textWords;
}
});
明天要做的事:过滤器。搜索功能。
遇到的问题:过滤器文字消失没弄懂。
收获:URL传参。
评论