发表于: 2017-03-02 22:45:22

1 1220


电脑没电 暂停

今天完成的事情:

文章列表页:

数据渲染、标题、摘要字数限制、加载更多功能;

字数限制CSS实现局限性太大,做个简单过滤即可

.filter('textLimit',function () {
   var text='';
   return function (txt, num) {
     return  text=txt&&txt.length>num?txt.slice(0,num)+'...':txt;
   }
})

加载更多可以做个简单指令,传入执行的函数即可;

.directive('loadMore',function () {
   return {
       restrict:'A',
       scope:{moreData:'&'},
       template:'<button class="load-more">点击加载更多</button>',
       link:function (scope, ele, attr) {
           $('.load-more').on('click',function () {
               var a=scope.moreData();//数据更新操作,根据加载情况返回布尔值
               $(this).attr('ng-disable',a);
               a?alert('加载完成'):false
           })
       }
   }
})


测试后端微信接口:

暂时只有微信相关接口


调试微信JS接口;

手机端测试调用情况


设置公账号安全域名


明天计划的事情:

视频列表


遇到的问题:

加载更多使用自定义数据,通过点击触发函数

var testData={
   "title":"测试测试测试测试测试测试",
   "text":"这几天心里颇不宁静。今晚在院子里坐着乘凉,之后有一这几天心里颇不宁静。今晚在院子里坐着乘凉,之后有一"
}
vm.more=function () {
   if(vm.article.length<20){
       for (var i=0;i<10;i++){
           $scope.$apply(vm.article.push(testData)
           )
       }
       console.log(vm.article.length)
       return false
   }else {
       return true
   }
}

由于未触发进入context中$digrest,虽然数据有更新,Dom并不会渲染,这里仅做的数据测试,用$apply解决。


调试微信接口:

调用微信接口测试时,用测试公众号appid和AppSecret生成签名,回家学习项目在用该公众号,未设置安全域名所以无法调用,与后端沟通使用新建公众号appid和AppSecret生成签名;


绑定安全域名

绑定安全域名需要在域名根目录新建验证文件:进入服务器,在网站目录下vi编辑器新建编辑验证文件,保存后即可。



收获:如上


返回列表 返回列表
评论

    分享到