使用AngularUI提取URL查询参数

Question

我正在使用AngularUI库，并希望从URL中提取查询参数 （示例网址：#\books\:categoryID?publisher=xyz（#\books\value?publisher=xyz））。

$stateParams将数据提取为{categoryId:value?publisher=xyz}，但我需要将其设为{categoryId:"value", publisher:"xyz"}。

提前致谢

Answer 1

Angular ui-router直接支持将参数作为查询字符串参数传递。有一个文档

• 网址参数 - Query Parameters

使用此状态定义指向an example的链接：

  $stateProvider
    .state('books', {
      url : '/books/:categoryID?publisher',
      template: '<div> This is a state def: '+
      '<pre>{{toNiceJson(state)}}</pre>' +
      ' These are params sent to this state:' +
      '<pre>{{toNiceJson(params)}}</pre>'+ 
      ' </div>',
      controller: 'urlParamsCtrl', 
    }) 

这些可能是到达该州的链接

<a href="#/books/value?publisher=xyz">...
<a href="#/books/other?publisher=unknown%20publisher">...
<a ui-sref="books({categoryID:'value', publisher:'xyz'})">...
<a ui-sref="books({categoryID:'other', publisher:'unknown publisher'})">...

查看更多here

Answer 2

注入$ routeParams并使用：

$routeParams.categoryID

获得价值。