blocks|key|3090720|text|您可以将$routeParams+(需要ngRoute)注入到控制器中。下面是文档中的一个示例：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3090721|//+Given:
//+URL:+http://server.com/index.html#/Chapter/1/Section/2?search=moby
//+Route:+/Chapter/:chapterId/Section/:sectionId
//
//+Then
$routeParams+==>+{chapterId:1,+sectionId:2,+search:'moby'}|code-block|syntax|javascript|3090722|编辑:您还可以使用$location服务(在ng中可用)获取和设置查询参数，特别是它的search方法：$location.search()。|style|CODE|3090723|在控制器初始加载之后，$routeParams就没那么有用了；$location.search()可以随时调用。|3090724|entityMap|0|LINK|mutability|MUTABLE|url|https://docs.angularjs.org/api/ngRoute/service/$routeParams|1|https://docs.angularjs.org/api/ngRoute|2|https://docs.angularjs.org/api/ng/service/$location|3|https://docs.angularjs.org/api/ng/service/$location#searchh^0|4|C|0|K|7|1|0|0|M|2|17|6|9|9|2|1G|I|3|0|V|I|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]|$A|16|B|17|1|18]]|C|$]]|$1|D|3|E|5|F|7|19|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|1A|8|@$A|1B|B|1C|K|L]|$A|1D|B|1E|K|L]]|9|@$A|1F|B|1G|1|1H]|$A|1I|B|1J|1|1K]]|C|$]]|$1|M|3|N|5|6|7|1L|8|@$A|1M|B|1N|K|L]]|9|@]|C|$]]|$1|O|3|-4|5|6|7|1O|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]|W|$5|R|S|T|C|$U|X]]|Y|$5|R|S|T|C|$U|Z]]|10|$5|R|S|T|C|$U|11]]]]

You can inject <a href="https://docs.angularjs.org/api/ngRoute/service/$routeParams" rel="noreferrer">$routeParams</a> (requires <a href="https://docs.angularjs.org/api/ngRoute" rel="noreferrer">ngRoute</a>) into your controller. Here's an example from the docs:

<pre><code>// Given:
// URL: http://server.com/index.html#/Chapter/1/Section/2?search=moby
// Route: /Chapter/:chapterId/Section/:sectionId
//
// Then
$routeParams ==&gt; {chapterId:1, sectionId:2, search:'moby'}
</code></pre>

EDIT: You can also get and set query parameters with the <a href="https://docs.angularjs.org/api/ng/service/$location" rel="noreferrer">$location</a> service (available in <code>ng</code>), particularly its <code>search</code> method: <a href="https://docs.angularjs.org/api/ng/service/$location#searchh" rel="noreferrer">$location.search()</a>. 

$routeParams are less useful after the controller's initial load; <code>$location.search()</code> can be called anytime.

blocks|key|2876844|text|为了部分回答我自己的问题，这里有一个适用于HTML5浏览器的工作示例：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2876845|<!DOCTYPE+html>
<html+ng-app="myApp">
<head>
++<script+src="http://code.angularjs.org/1.0.0rc10/angular-1.0.0rc10.js"></script>
++<script>
++++angular.module('myApp',+[],+function($locationProvider)+{
++++++$locationProvider.html5Mode(true);
++++});
++++function+QueryCntl($scope,+$location)+{
++++++$scope.target+=+$location.search()['target'];
++++}
++</script>
</head>
<body+ng-controller="QueryCntl">

Target:+{{target}} 

</body>
</html>|code-block|syntax|javascript|2876846|关键是像上面那样调用$locationProvider.html5Mode(true);。它现在可以在打开http://127.0.0.1:8080/test.html?target=bob时使用。我对它不能在旧浏览器中工作这一事实感到不高兴，但无论如何我可能会使用这种方法。|offset|length|style|CODE|2876847|一种适用于较旧浏览器的替代方法是删除html5mode(true)调用，并在hash%2Bslash中使用以下地址：|2876848|http://127.0.0.1:8080/test.html#/?target=bob|2876849|相关文档在Developer+Guide:+Angular+Services:+Using+$location+(奇怪的是我的谷歌搜索没有找到这个……)。|2876850|entityMap|0|LINK|mutability|MUTABLE|url|https://docs.angularjs.org/guide/$location^0|0|0|A|Y|1H|16|0|I|F|0|0|18|0|5|1E|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@$I|13|J|14|K|L]|$I|15|J|16|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|17|8|@$I|18|J|19|K|L]]|9|@]|A|$]]|$1|O|3|P|5|6|7|1A|8|@$I|1B|J|1C|K|L]]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1D|8|@]|9|@$I|1E|J|1F|1|1G]]|A|$]]|$1|S|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

To give a partial answer my own question, here is a working sample for HTML5 browsers:

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html ng-app="myApp"&gt;
&lt;head&gt;
 &lt;script src="http://code.angularjs.org/1.0.0rc10/angular-1.0.0rc10.js"&gt;&lt;/script&gt;
 &lt;script&gt;
 angular.module('myApp', [], function($locationProvider) {
 $locationProvider.html5Mode(true);
 });
 function QueryCntl($scope, $location) {
 $scope.target = $location.search()['target'];
 }
 &lt;/script&gt;
&lt;/head&gt;
&lt;body ng-controller="QueryCntl"&gt;

Target: {{target}}&lt;br/&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

The key was to call <code>$locationProvider.html5Mode(true);</code> as done above. It now works when opening <code>http://127.0.0.1:8080/test.html?target=bob</code>. I'm not happy about the fact that it won't work in older browsers, but I might use this approach anyway.

An alternative that would work with older browsers would be to drop the <code>html5mode(true)</code> call and use the following address with hash+slash instead:

<code>http://127.0.0.1:8080/test.html#/?target=bob</code>

The relevant documentation is at <a href="https://docs.angularjs.org/guide/$location" rel="noreferrer">Developer Guide: Angular Services: Using $location</a> (strange that my google search didn't find this...).

blocks|key|3090779|text|很好，你已经设法让它在html5模式下工作，但也可以让它在hashbang模式下工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3090780|您可以简单地使用：|3090781|$location.search().target|code-block|syntax|javascript|3090782|来访问“target”搜索参数。|3090783|作为参考，下面是工作jsFiddle：http://web.archive.org/web/20130317065234/http://jsfiddle.net/PHnLb/7/|offset|length|3090784|​|3090785|var+myApp+=+angular.module('myApp',+[]);

function+MyCtrl($scope,+$location)+{

++++$scope.location+=+$location;
++++$scope.$watch('location.search()',+function()+{
++++++++$scope.target+=+($location.search()).target;
++++},+true);

++++$scope.changeTarget+=+function(name)+{
++++++++$location.search('target',+name);
++++}
}|3090786|<div+ng-controller="MyCtrl">

++++<a+href="#!/test/?target=Bob">Bob</a>
++++<a+href="#!/test/?target=Paul">Paul</a>
++++
++++<hr/>++++
++++URL+'target'+param+getter:+{{target}} 
++++Full+url:+{{location.absUrl()}}
++++<hr/>
++++
++++<button+ng-click="changeTarget('Pawel')">target=Pawel</button>
++++
</div>|3090787|3090788|entityMap|0|LINK|mutability|MUTABLE|url|http://web.archive.org/web/20130317065234/http://jsfiddle.net/PHnLb/7/^0|0|0|0|0|J|1Y|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|14|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|15|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|16|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|17|8|@]|9|@$M|18|N|19|1|1A]]|A|$]]|$1|O|3|P|5|6|7|1B|8|@]|9|@]|A|$]]|$1|Q|3|R|5|F|7|1C|8|@]|9|@]|A|$G|H]]|$1|S|3|T|5|F|7|1D|8|@]|9|@]|A|$G|H]]|$1|U|3|P|5|6|7|1E|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|W|$X|$5|Y|Z|10|A|$11|12]]]]

Good that you've managed to get it working with the html5 mode but it is also possible to make it work in the hashbang mode.

You could simply use:

<pre><code>$location.search().target
</code></pre>

to get access to the 'target' search param. 

For the reference, here is the working jsFiddle: <a href="http://web.archive.org/web/20130317065234/http://jsfiddle.net/PHnLb/7/" rel="noreferrer">http://web.archive.org/web/20130317065234/http://jsfiddle.net/PHnLb/7/</a>

<div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var myApp = angular.module('myApp', []);

function MyCtrl($scope, $location) {

 $scope.location = $location;
 $scope.$watch('location.search()', function() {
 $scope.target = ($location.search()).target;
 }, true);

 $scope.changeTarget = function(name) {
 $location.search('target', name);
 }
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div ng-controller="MyCtrl"&gt;

 &lt;a href="#!/test/?target=Bob"&gt;Bob&lt;/a&gt;
 &lt;a href="#!/test/?target=Paul"&gt;Paul&lt;/a&gt;
 
 &lt;hr/&gt; 
 URL 'target' param getter: {{target}}&lt;br&gt;
 Full url: {{location.absUrl()}}
 &lt;hr/&gt;
 
 &lt;button ng-click="changeTarget('Pawel')"&gt;target=Pawel&lt;/button&gt;
 
&lt;/div&gt;</code></pre>
</div>
</div>

blocks|key|221057|text|您还可以使用$location.$$search.yourparameter|type|unstyled|depth|inlineStyleRanges|entityRanges|data|221058|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

you could also use $location.$$search.yourparameter

blocks|key|2876896|text|只是为了总结一下。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2876897|如果你的应用是从外部链接加载的，那么angular不会检测到网址的变化，所以$loaction.search()会给你一个空对象。要解决此问题，您需要在应用程序配置(app.js)中设置以下内容|2876898|.config(['$routeProvider',+'$locationProvider',+function+($routeProvider,+++++$locationProvider)+
{
+++$routeProvider
++++++.when('/',+{
+++++++++templateUrl:+'views/main.html',
+++++++++controller:+'MainCtrl'
++++++})
++++++.otherwise({
+++++++++redirectTo:+'/'
++++++});

++++++$locationProvider.html5Mode(true);
+}]);|code-block|syntax|javascript|2876899|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Just to summerize .

If your app is being loaded from external links then angular wont detect this as a URL change so $loaction.search() would give you an empty object . To solve this you need to set following in your app config(app.js)

<pre><code>.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) 
{
 $routeProvider
 .when('/', {
 templateUrl: 'views/main.html',
 controller: 'MainCtrl'
 })
 .otherwise({
 redirectTo: '/'
 });

 $locationProvider.html5Mode(true);
 }]);
</code></pre>

blocks|key|3090840|text|$location.search()仅在HTML5模式打开且仅在支持的浏览器上工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3090841|这将始终起作用：|3090842|$window.location.search|3090843|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

$location.search() will work only with HTML5 mode turned on and only on supporting browser. 

This will work always:

$window.location.search

blocks|key|3090851|text|它可以通过两种方式来完成：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3090852|使用$routeParams的|offset|length|style|CODE|3090853|ordered-list-item|3090854|3090855|最好的也是推荐的解决方案是在控制器中使用$routeParams。它需要安装ngRoute模块。|3090856|+++function+MyController($scope,+$routeParams)+{
++++++//+URL:+http://server.com/index.html#/Chapter/1/Section/2?search=moby
++++++//+Route:+/Chapter/:chapterId/Section/:sectionId
++++++//+$routeParams+==>+{chapterId:'1',+sectionId:'2',+search:'moby'}
++++++var+search+=+$routeParams.search;
++}|code-block|syntax|javascript|3090857|使用$location.search().的|3090858|3090859|3090860|这里有一个警告。它只能在HTML5模式下工作。默认情况下，它不适用于http://localhost/test?param1=abc&param2=def中没有散列(#)的URL|3090861|您可以通过在URL中添加#/来使其工作。http://localhost/test#/?param1=abc&param2=def|3090862|$location.search()返回如下所示的对象：|3090863|{
++param1:+'abc',
++param2:+'def'
}|3090864|entityMap^0|0|2|C|0|0|0|K|C|12|7|0|0|2|I|0|0|0|Y|17|2B|1|0|C|2|K|19|0|0|I|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|16|8|@$D|17|E|18|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|I|7|19|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|1B|8|@$D|1C|E|1D|F|G]|$D|1E|E|1F|F|G]]|9|@]|A|$]]|$1|M|3|N|5|O|7|1G|8|@]|9|@]|A|$P|Q]]|$1|R|3|S|5|6|7|1H|8|@$D|1I|E|1J|F|G]]|9|@]|A|$]]|$1|T|3|-4|5|I|7|1K|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|1M|8|@$D|1N|E|1O|F|G]|$D|1P|E|1Q|F|G]]|9|@]|A|$]]|$1|X|3|Y|5|6|7|1R|8|@$D|1S|E|1T|F|G]|$D|1U|E|1V|F|G]]|9|@]|A|$]]|$1|Z|3|10|5|6|7|1W|8|@$D|1X|E|1Y|F|G]]|9|@]|A|$]]|$1|11|3|12|5|O|7|1Z|8|@]|9|@]|A|$P|Q]]|$1|13|3|-4|5|6|7|20|8|@]|9|@]|A|$]]]|14|$]]

It can be done by two ways:

<ol>
<li>Using <code>$routeParams</code></li>
</ol>

Best and recommended solution is to use <code>$routeParams</code> into your controller. 
It Requires the <code>ngRoute</code> module to be installed.

<pre><code> function MyController($scope, $routeParams) {
 // URL: http://server.com/index.html#/Chapter/1/Section/2?search=moby
 // Route: /Chapter/:chapterId/Section/:sectionId
 // $routeParams ==&gt; {chapterId:'1', sectionId:'2', search:'moby'}
 var search = $routeParams.search;
 }
</code></pre>

<ol start="2">
<li>Using <code>$location.search()</code>.</li>
</ol>

There is a caveat here. It will work only with HTML5 mode. By default, it does not work for the URL which does not have hash(<code>#</code>) in it <code>http://localhost/test?param1=abc&amp;param2=def</code>

You can make it work by adding <code>#/</code> in the URL. <code>http://localhost/test#/?param1=abc&amp;param2=def</code>

<code>$location.search()</code> to return an object like:

<pre><code>{
 param1: 'abc',
 param2: 'def'
}
</code></pre>

blocks|key|3090917|text|只是对埃利斯·怀特黑德的回答的一个精确度。如果不使用<base+href="">标记指定应用程序的基URL或将参数requireBase设置为false，$locationProvider.html5Mode(true);将无法与新版本的angularjs一起使用|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3090918|From+the+doc：|3090919|3090920|如果将$location配置为使用html5Mode+(history.pushState)，则需要使用标记指定应用程序的基URL，或者通过向$locationProvider.html5Mode()传递带有：false的definition对象，将$locationProvider配置为不需要基标记：|blockquote|3090921|3090922|3090923|$locationProvider.html5Mode({
++enabled:+true,
++requireBase:+false
});|code-block|syntax|javascript|3090924|entityMap|0|LINK|mutability|MUTABLE|url|https://docs.angularjs.org/error/$location/nobase^0|Q|E|1L|B|1Z|5|25|Y|0|0|C|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]|$9|15|A|16|B|C]|$9|17|A|18|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|19|8|@]|D|@$9|1A|A|1B|1|1C]]|E|$]]|$1|H|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]|$1|I|3|J|5|K|7|1E|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|1F|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|1G|8|@]|D|@]|E|$]]|$1|N|3|O|5|P|7|1H|8|@]|D|@]|E|$Q|R]]|$1|S|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]]]

Just a precision to Ellis Whitehead's answer. <code>$locationProvider.html5Mode(true);</code> won't work with new version of angularjs without specifying the base URL for the application with a <code>&lt;base href=""&gt;</code> tag or setting the parameter <code>requireBase</code> to <code>false</code>

<a href="https://docs.angularjs.org/error/$location/nobase" rel="nofollow">From the doc</a> : 

<blockquote>
 If you configure $location to use html5Mode (history.pushState), you need to specify the base URL for the application with a tag or configure $locationProvider to not require a base tag by passing a definition object with requireBase:false to $locationProvider.html5Mode():
</blockquote>

<pre><code>$locationProvider.html5Mode({
 enabled: true,
 requireBase: false
});
</code></pre>

blocks|key|224496|text|有点晚了，但我想你的问题出在你的网址上。如果不是|type|unstyled|depth|inlineStyleRanges|entityRanges|data|224497|http://127.0.0.1:8080/test.html?target=bob|code-block|syntax|javascript|224498|你有|224499|http://127.0.0.1:8080/test.html#/?target=bob|224500|我很确定它会起作用。Angular对它的#/非常挑剔|224501|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

It's a bit late, but I think your problem was your URL. If instead of

<pre><code>http://127.0.0.1:8080/test.html?target=bob
</code></pre>

you had

<pre><code>http://127.0.0.1:8080/test.html#/?target=bob
</code></pre>

I'm pretty sure it would have worked. Angular is really picky about its #/

blocks|key|224544|text|我发现对于SPA，HTML5Mode会导致许多404错误问题，在这种情况下，没有必要让$location.search工作。在我的例子中，我希望在用户访问我的站点时捕获URL查询字符串参数，而不管他们最初链接到哪个“页面”，并且能够在他们登录后将它们发送到该页面。所以我只需要在app.run中捕获所有这些东西|type|unstyled|depth|inlineStyleRanges|entityRanges|data|224545|$rootScope.$on('$stateChangeStart',+function+(e,+toState,+toParams,+fromState,+fromParams)+{
++++if+(fromState.name+===+"")+{
++++++++e.preventDefault();
++++++++$rootScope.initialPage+=+toState.name;
++++++++$rootScope.initialParams+=+toParams;
++++++++return;
++++}
++++if+($location.search().hasOwnProperty('role'))+{
++++++++$rootScope.roleParameter+=+$location.search()['role'];
++++}
++++...
}|code-block|syntax|javascript|224546|然后在登录后我可以说$state.go($rootScope.initialPage，$rootScope.initialParams)|224547|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I found that for an SPA HTML5Mode causes lots of 404 error problems, and it is not necessary to make $location.search work in this case. In my case I want to capture a URL query string parameter when a user comes to my site, regardless of which "page" they initially link to, AND be able to send them to that page once they log in. So I just capture all that stuff in app.run

<pre><code>$rootScope.$on('$stateChangeStart', function (e, toState, toParams, fromState, fromParams) {
 if (fromState.name === "") {
 e.preventDefault();
 $rootScope.initialPage = toState.name;
 $rootScope.initialParams = toParams;
 return;
 }
 if ($location.search().hasOwnProperty('role')) {
 $rootScope.roleParameter = $location.search()['role'];
 }
 ...
}
</code></pre>

then later after login I can say 
 $state.go($rootScope.initialPage, $rootScope.initialParams)

I'd like to read the values of URL query parameters using AngularJS. I'm accessing the HTML with the following URL:

<code>http://127.0.0.1:8080/test.html?target=bob</code>

As expected, <code>location.search</code> is <code>"?target=bob"</code>.
For accessing the value of target, I've found various examples listed on the web, but none of them work in AngularJS 1.0.0rc10. In particular, the following are all <code>undefined</code>:

<ul>
<li><code>$location.search.target</code></li>
<li><code>$location.search['target']</code></li>
<li><code>$location.search()['target']</code></li>
</ul>

Anyone know what will work? (I'm using <code>$location</code> as a parameter to my controller)

<hr>

Update:

I've posted a solution below, but I'm not entirely satisfied with it.
The documentation at <a href="http://docs.angularjs.org/guide/%24location">Developer Guide: Angular Services: Using $location</a> states the following about <code>$location</code>:

<blockquote>
 When should I use $location?
 
 Any time your application needs to react to a change in the current
 URL or if you want to change the current URL in the browser.
</blockquote>

For my scenario, my page will be opened from an external webpage with a query parameter, so I'm not "reacting to a change in the current URL" per se. So maybe <code>$location</code> isn't the right tool for the job (for the ugly details, see my answer below). I've therefore changed the title of this question from "How to read query parameters in AngularJS using $location?" to "What's the most concise way to read query parameters in AngularJS?". Obviously I could just use javascript and regular expression to parse <code>location.search</code>, but going that low-level for something so basic really offends my programmer sensibilities.

So: is there a better way to use <code>$location</code> than I do in my answer, or is there a concise alternate?

What's the most concise way to read query parameters in AngularJS?

HTML5

我想使用AngularJS读取URL查询参数的值。我使用以下URL访问HTML：http://127.0.0.1:8080/test.html?target=bob不出所料，location.search是"?target=bob"。为了访问target的值，我在web上找到了各种示例，但它们都不适用于AngularJ...

问在AngularJS中读取查询参数的最简洁方法是什么？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在AngularJS中读取查询参数的最简洁方法是什么？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在AngularJS中读取查询参数的最简洁方法是什么？
EN