angular的路由ui.router

1、angular对象引入 'ui.router' 模块,通过 ui-router提供的$stateProvider对象的state方法去配置路由对象,使用template去替换<ui-view></ui-view>或<div ui-view></div>。
2、代码示例:

3、ui.router路由嵌套:通过 .语法进行路由层级配置
案例来源:https://blog.csdn.net/u011068996/article/details/54861844
下面是world.html页面

4、ui.router中有三种方式激活一个路由:
(1)$state.go():优先级较高的便利方式
(2)ui-sref:点击包含此指令跳转
(3)url:url导航

5、AngularJS 模块的 config 和 run 方法
来源:https://www.jianshu.com/p/6dea3bca6464
(1)config 配置模块。在提供者注册和配置阶段执行。只能注入提供者和常量配置块。
(2)run 运行模块。执行后创建了发射器和用于启动应用程序。只能注入运行实例和常量。
(3)在config阶段,注入 provider 的时候需要加上 provider 后缀,可以调用非 $get方法。
(4)返回的方法在 run 阶段注入的时候,无需加 provider 后缀,只能调用 $get 返回的方法。
(5)ng启动阶段是 config-->run-->compile/link。
执行的先后顺序:provider>config>run
1、定义服务calc
app.provider('calc',function () {this.currency = '&';console.log(1);});
2、配置服务calc
app.config(function (calcProvider) { calcProvider.currency = '钱';console.log(2);});
3、运行服务calc
app.run(function (calc) { console.log(3);});

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复