发表于: 2017-04-12 21:59:38

3 1106


今天完成的事:完成了翻页功能。

下午看了几个别人家的分页功能,用的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(
           //懒加载登录的jscss文件
           ['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传参。


返回列表 返回列表
评论

    分享到