发表于: 2017-03-02 22:45:22
1 1219
电脑没电 暂停
今天完成的事情:
文章列表页:
数据渲染、标题、摘要字数限制、加载更多功能;
字数限制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编辑器新建编辑验证文件,保存后即可。
收获:如上
评论