Question

我必须在页面上使用url中的参数。

例如，网址类似于：url.com/index.html?username。我需要把这个“用户名”显示在页面上，然后多次使用它来获得正确的链接。

<img src='http://url.com/project/{{---username here---}}/{{id}}.png' alt='' />

我尝试用$location.search做到这一点。但它不起作用。它显示“无法读取未定义的属性搜索”:(（你能告诉我我做错了什么，我该怎么做？

非常感谢。

Answer 1

使用[**$location.search()**][1]将params作为对象。启用HTML5mode后尝试。在您的应用配置中，启用HTML5Mode，如下所示：

$locationProvider.html5Mode(true)

然后，

var params = $location.search();

Answer 2

如果你需要一个来自URL的参数，就像这样使用它

// given URL http://example.com/#/some/path?foo=bar&baz=xoxo
var searchObject = $location.search();
// => {foo: 'bar', baz: 'xoxo'}
searchObject['foo'] //  => 'bar'
searchObject.foo  //  => 'bar'

使用AngularJS页面上的URL参数

2 个答案: