发表于: 2017-04-30 16:44:47
1 1064
今天完成的事情:
使用ui路由完全替代ng路由进行多页面切换,页面跳转刷新等方法的学习。
明天的计划:
完成任务8搜索页面的编写,编写翻页指令等。
遇到的问题:
1 ui路由插件的几个关键知识点:
$state / $stateProvider:管理状态定义、当前状态和状态转换。包含触发状态转换的事件和回调函数,异步解决目标状态的任何依赖项,更新$location到当前状态。由于状态包含关联的 url,通过$urlRouterProvider生成一个路由规则来执行转换的状态。
ui-view指示器:渲染状态中定义的视图,是状态中定义的视图的一个占位符。
$urlRouter / $urlRouterProvider:管理了一套路由规则列表来处理当$location发生变化时如何跳转。最低级的方式是,规则可以是任意函数,来检查$location,并在处理完成时候返回true。支持正则表达式规则和通过
$templateFactory - 通过$http / $templateCache来加载模板,供状态配置中使用。
when()的使用
该函数需要两个参数:1.当前的路径,2.需要重定向到的路径(或者是需要在路径被访问是运行的函数):
.config(function($urlRouterProvider) {
$urlRouterProvider.when('', '/inbox');
});
2 AngularJS跳转刷新当前页:
app.js部分
state('page.xx', {
url: '/xx',
templateUrl: 'xxxx.html',
reload:true,
})
js部分
[javascript] view plain copy
$state.go('page.xx',{},{reload:true});关键是要reload:true。
收获:
以上
评论