使用angularui路由传递查询参数

Question

我正在使用 Angular ui 路由，我正在尝试传递查询参数，但它不起作用。我关注了官方wiki

在视图中我有下面的代码很简单

<div ng-controller="MainController">
  <a ng-href="#/foo/bar?param={{make}}"><li>{{make}}</li></a>
</div>

这是配置

function config($stateProvider, $urlRouterProvider) {
    $stateProvider
      .state('foo', {
        url: '/foo',
        templateUrl: '/partials/foo.html',
        controller: 'MainController'
      })
      .state('foo.bar', {
        url: '/bar?param',
        templateUrl: 'partials/foo.bar.html',
        controller: 'SecondaryController'
      });
  }

但是当我在视图中单击 link 时，url 我明白了，但路由没有收到请求。

Answer 1

使用ui-sref指令生成hreflink

标记

<div ng-controller="MainController">
  <a ui-sref="foo.bar({param: make})"><li>{{make}}</li></a>
</div>

使用angularui路由传递查询参数

Use angular ui route to pass query parameters

angularjs

angular-ui-router