历史后退导航使用NG-包括(History back navigation using ng-inc

2019-09-01 09:07发布

我着手与angularjs单个页面的Web应用程序,现在我定义导航。 所以,我最终会使用2级导航:

第一级:使用所述视图主导航。

第二级:使用顶部和底部的酒吧子视图导航NG-包括。

这是我们的iPhone的场景:

因为我们控制我们所有的按钮导航iPhone的情况似乎没我。 但是,现在让我们觉得在Android的情况下,用户可以使用历史后退按钮(物理按钮)来导航回来。 我们如何能够支持它,如果我们使用NG-包括子导航?

提前致谢

Answer 1:

你可以将参数添加到您的网址,使其与Android的历史工作。

#/main?page=1
#/main?page=2

然后用来控制你的应用程序的状态,然后回的android按钮会工作。

您可以设置URL参数$location.search

$location.search('page', 4);

$ location.search文档: http://docs.angularjs.org/api/ng.$location#search

还有一两件事:你要添加reloadOnSearch: false选项,您的$routeProvider.when()声明你的看法。 默认情况下,整个视图重新加载当您更改查询参数与$location.search() 即设置为false将使其不会重新加载,这是你在这种情况下,想要的东西:

$routeProvider.when('/main', { reloadOnSearch: false });

reloadOnSearch文档: http://docs.angularjs.org/api/ng.$ro​​uteProvider#when



文章来源: History back navigation using ng-include