AngularJS在查询字符串中访问值

Question

我试图访问查询字符串中的值。

这是我在浏览器中看到的内容：

http://localhost:1010/products/chairs.html?searchMe=testing123

在我的控制器中，我有：

var mySearchMeQuery = $location.search().searchMe;

console.log("searchMe = " + mySearchMeQuery );

在我的console.log中，我看到： searchMe = undefined

我检查了我的控制器中已注入$ location。

**解决方案必须在IE8 +中有效**

Answer 1

仅当您使用带哈希（＃）的路径时，$ location才有效。 看到这个。

Answer 2

使用$location.search()

它返回一个对象键值对； 键是您的查询字符串，值是查询字符串值。

例：

function MainCtrl($scope, $location) {
    $scope.queryString = $location.search();
    // returns {searchMe: "testing123"}
}

如果您要打印与问题中相同的消息

 console.log("searchMe = " + $location.search().searchMe);

Answer 3

您可以注入dependecy $ routeParams并使用类似以下方法获取参数值：

$routeParams.searchMe

更新答案：

我已经更新了一个以$ routeParams为例的小提琴。 如果单击Moby链接并检查那里的控制台，则可以看到SearchMe作为查询字符串可用。