使用angular ui route传递查询参数

时间:2015-04-10 18:16:49

标签: angularjs angular-ui-router

我正在使用Angular ui route并尝试传递查询参数,但它不起作用。我跟着官方维基。

在视图中,我有以下代码非常简单

<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'
      });
  }

但是当我点击视图中的链接时,我得到的是我得到的,但路线没有收到请求。

1 个答案:

答案 0 :(得分:4)

使用ui-sref指令生成href链接

<强>标记

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