javascript - 在 AngularJS 中更改 URL 而不重新加载

Question

我有一个函数可以在单击按钮时更改 URL。

问题:

AngularJS obviously reloads on URL change automatically.

var newUrl = ($state.current.url).replace('{navigationId}', $stateParams.navigationId).replace('{tabId}', tab.stateReference);
history.pushState('', tab.stateReference, newUrl);

如何在 AngularJS 中更改 URL 而不重新加载页面？

编辑:

我尝试使用reloadOnSearch: false，如下所述:https://docs.angularjs.org/api/ngRoute/provider/ $routeProvider - 但它仍然重新加载页面。

Answer 1

对于您想要导航的每个州，您都应该有 $state。然后你可以$state.go到特定的州

$state.go('toState');

如果您想将参数传递给 $state，那么您应该将它们传递到 $state.go

$state.go('view', { 'index': 123, 'anotherKey': 'This is a test' });

确保您的 $state 已准备好接受 params 上的这些参数

.state('full', {
            url: '/full',
            templateUrl: 'js/content/templates/FullReadView.html',
            params: { opmlFeed:null, source:null },
            controller: 'FullReadCtrl'
        })

更多内容请阅读 Wiki