发表于: 2017-07-03 22:59:13
1 872
今天完成的事情:
1.常量的编写。
2.黄源志问了我一波$state.go url传参的问题,结果自己竟然忘了,然后又学习了一波:
首先,url传参要涉及的第一个知识点就是$state.params。
$stateparams来提取在url中的不同参数。该服务的作用是处理url的不同部分。例如,当url是这样时:
url: '/inbox/:inboxId/messages/{sorted}?from&to'
//当用户访问者链接时:
'/inbox/123/messages/ascending?from=10&to=20'
$stateParams对象的值为:
{inboxId: '123', sorted: 'ascending', from: 10, to: 20}
第二个知识点就是$state.go
$state.go(to, [,toParams],[,options])
形参to是string类型,必须,使用"^"或"."表示相对路径;
形参toParams可空,类型是对象;
形参options可空,类型是对象,字段包括:location为bool类型默认true,inherit为bool类型默认true, relative为对象默认$state.$current,notify为bool类型默认为true, reload为bool类型默认为false
$state.go('photos.detail')
$state.go('^')到上一级,比如从photo.detail到photo
$state.go('^.list')到相邻state,比如从photo.detail到photo.list
$state.go('^.detail.comment')到孙子级state,比如从photo.detail到photo.detial.comment
传递参数的大致流程就是先把需要传递的参数保存到$state.params里面,然后刷新页面时将url里保存的参数又取出来,这样在刷新的时候,页面就不会跳转,而且搜索条件依然能展示在页面上。
3.做小课堂demo的时候,发现一个坑
当写内联的<script>的时候,直接写angular.module("app")会报错,经过查资料才知道:
通常出现这个错误是因为angular.module定义时写法错误
检查是否有[],或者是否多次定义同一个module
标准定义 angular.module('1yd.config',[])
加上[]表示定义,没有[]表示引用
因为是直接写在Html页面,而且没有路由,因此是表示定义,需要加[]。
明天计划的事情:
学会如何轮播页面(4个html轮播)
遇到的问题:
暂无
收获:
$state.go的复习
评论