发表于: 2017-01-11 23:20:23
1 1309
今天完成的事情:
1.今天完成了任务8的表格分页,使用了ui-bootstrap。
按照网上查找的教程写的,是一次性获取了所有数据,然后把数据写成数组,再通过for循环和slice()把数组分成10个一组,对应每页的数量。
console.log(num);
for(var i=0;i<num;i+=10){
$scope.allitem.push($scope.names .slice(i,i+10))
}//此方法可以将一个数组分成多个数组并且放在了一个大数组里面,按每个数组10条数据【因为组件默认为10条数据一页】存放,假如41条数据的话我们将分成5页
使用ng-repeat复写的数据是从数组中复写出来的,对应每页的数据。
<tbody>
<tr ng-repeat="x in allitem[currentPage-1]" >
<td>{{count+1}}</td>
<td> {{x.skillName}}</td>
<td> {{x.name}}</td>
<td> {{x.authorName}}</td>
<td> <a href="{{x.url}}">链接</a></td>
<td> {{x.like}}</td>
2.把登录页的背景图片写到背景里,登陆后跳转到后台页面。
3.使用懒加载,把每个页面对应的js文件和css文件延时加载。
4.小课堂:域名,COOKIE是什么?COOKIE 和SESSION的区别?
明天计划的事情:
1.研究表单的搜索,和搜索后的分页展示。
2.研究ui-路由的默认页面怎么设置。
遇到的问题:
1.学习网上的教程,实现了一次性获取页面,再配合ui-bootstrap的分页写法。
但是分页按钮配合后台传送页面数据的写法还不会。
2.ui-路由的默认页面不会设置:由于默认页面设置的是pageTab页(切换页),我想实现的默认页是pageTab下的PageTab.Page1
.state("PageTab", {
url: "/PageTab",
templateUrl: "page-tab.html",
resolve:{
loadMyFile:_lazyLoad(
['css/page-tab.css']
)
}
})
.state("PageTab.Page1", {
url:"/Page1",
templateUrl: "Page1.html"
})
收获:
1.小课堂收获:
cookie可以保存用户的登陆状态、记录用户的行为、电商购物车的处理和定制页面
cookie可以设置有效期,到期失效。
可以通过F12调试查看cookie信息。
2.一个页面的最好只有一个ng-app,嵌套会出错。
不同的功能用不同的controller写。
3.angular、ui-router、ui-bootstrap、bootstrap、jQuery的版本不同,页面中的前后顺序问题都可能导致报错。
评论