在Angular中传递$ location.path内的参数

Question

我只是想$location.path()在我的控制器中使用,但也将自定义变量作为参数传递.所以它看起来像这样我想:

$scope.parameter = 'Foo';

$location.path('/myURL/' + $scope.parameter);

但这不起作用.任何人都知道如何在Angular中完成这项工作？

Answer 1

要添加参数,您应该使用$location.search()方法:

$location.path('/myURL/').search({param: 'value'});

$location方法是可链接的.

这产生:

/myURL/?param=value

Answer 2

将参数添加到url的另一种方法是:

 $location.path('/myURL/'+ param1);

你可以定义到myPage.html的路由:

config(['$routeProvider', function ($routeProvider) {
        $routeProvider.when('/myURL/:param1', {
            templateUrl: 'path/myPage.html',
            controller: newController
            });
    }]);

然后可以在newController中访问该参数,如下所示:

var param1= $routeParams.param1;

Answer 3

例如,如果您需要在URL中输入一个或多个参数:

$location.path('/path').search({foo: 'valueFoo', baz:'valueBaz'})

在你的网址中将代表

/path?foo=valueFoo&baz=valueBaz

要在其他控制器中获取params:

var urlParams = $location.search();


urlParams.foo will return valueFoo

urlParams.baz will return valueBaz