如何使用UI-Router和Angular进行移动导航(前进和后退)

时间:2014-11-06 23:47:45

标签: angularjs angular-ui-router

我想模仿移动设备上从屏幕到屏幕的典型进展,其中前进导航为“nextTransition”,用户返回时为“backTransition”。我知道如何在Angular 1.2X中实现它,但现在使用Angular 1.3X和新的UI-Router我不知道什么是最佳实践。

1 个答案:

答案 0 :(得分:0)

您希望确保使用$state.go()从控制器内导航。在模板中,有一个指令ui-sref,您可以按名称指向一个州(例如ui-sref="tab.home")您可以在此处了解有关ui-router导航的更多信息: https://github.com/angular-ui/ui-router/wiki#activating-a-state

关于ui-router的最好的事情是你可以声明嵌套的状态和视图,这些状态和视图继承父母的数据和ui视图。在my code中,$stateProvider被注入到我的应用的module().config()块中,其中状态被定义在一个地方。

使用嵌套状态可以实现更多三维工作流程。最重要的是,子状态会将模板加载到父级的ui视图中。请花几分钟时间阅读https://github.com/angular-ui/ui-router/wiki/Nested-States-%26-Nested-Views#nested-states--views

此外,如果您刚开始设置网络应用程序,请搜索“自耕农角度生成器”。 Yeoman通过为不同类型的应用程序生成基本框架,为我节省了大量时间。