发表于: 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。


收获:

以上



返回列表 返回列表
评论

    分享到