angularJS - 在导航过程中保存参数

时间:2016-10-21 07:46:38

标签: javascript angularjs parameters angular-routing

想象一下页面上的经典制表系统(例如:/#/ page)。

在控制器中:

angular.module('app').controller("Ctrl", '$routeParams', function($routeParams) {
this.tab = 1;
}]);

在视图中(/#/ page):

<li ng-class="{ 'active': ctrl.tab == 1 }">
<a href ng-click="ctrl.tab = 1">onglet 1</a>
</li>
<li ng-class="{ 'active': ctrl.tab == 2 }">
<a href ng-click="ctrl.tab = 2">onglet 2</a>
</li>

单击选项卡后,它将显示相应的块。在里面,我们有文本和链接打开修改URL的模式(例如:/#/ page / action)。 为此,我使用ngRoute和$ routeParams。

小问题是当URL更改时,this.tab重置的值,但是,我总是在同一页面上。

是否有办法将此值保存在我的控制器中?

谢谢,

1 个答案:

答案 0 :(得分:0)

使用reloadOnSearch

在您定义路线的地方,添加以下内容

{
    "pattern": "/page",
    "templateUrl": "/path/to/my/template.html",
    "reloadOnSearch": false
},