angularjs - 保留 URL 参数 ui-router

Question

我有一个 Web 应用程序，在另一个应用程序中有一个入口点。
所以当用户访问我的应用程序时，他们在 url 中有一些参数，如下所示:
http://myapp.com/#/new?param1=value&param2=value2
在我的应用程序中，我有 3-4 个选项卡，每个选项卡都有自己的状态，可以通过 ui-sref="state" 访问

问题是，当我切换到这些状态中的任何一个时，我会丢失用户最初输入的参数。

简而言之，我想要的都是http://myapp.com/#/differentstate?param1=value&param2=value2而不是 http://myapp.com/#/differentstate当我切换状态时。

我不知道如何设置...
谢谢!

Answer 1

在您的 Angular 应用程序的 .run() 内功能你可以这样做:(你需要 DI $rootScope 和 $location )

    var locationSearch;

    $rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) {
        //save location.search so we can add it back after transition is done
        locationSearch = $location.search();
    });

    $rootScope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState, fromParams) {
        //restore all query string parameters back to $location.search
        $location.search(locationSearch);
    });