javascript - AngularJS UI 路由器链接到状态之间的 URL 参数的状态

Question

我有一些状态路由，例如:

.state. ('home', { ... })

.state('home.company', {
    url: 'company/{ID:int}',
    abstract: true,
    template: '<ui-view/>'
})

.state('home.company.list', {
    url: '/list',
    views: { ... }

我想使用这样的东西:

ui-sref="home.company({ ID: id }).list"

导航到状态。但它不起作用。我还尝试执行以下操作:

ui-sref="home.company.list({ ID: id })"

这也行不通。有什么技巧可以让它发挥作用吗？

附言如果我使用过它会起作用:

$state.go(route, { ID: id });

state 将是 'home.company.list'。但这不是我目前想要实现的目标。

附言这是我得到的错误:

Error: Invalid state ref 'home.company({ ID: id }).list>

Answer 1

有a working plunker

上面的状态好像没问题。我只是对它们进行了一些调整，它正在运行。

• 为家乡添加了 url def
• 已转换 <ui-view />更常见和受支持 <div ui-view=""></div>

这是片段

$stateProvider
  .state('home', {
      template: '<div ui-view=""></div>',
      url: "/home"

  })
  .state('home.company', {
      url: 'company/{ID:int}',
      abstract: true,
      template: '<div ui-view=""></div>',
  })

  .state('home.company.list', {
      url: '/list',
      views: {
        '': {
          templateUrl: 'tpl.html',
        }
      }
  })

这些是做预期的链接

<a ui-sref="home.company.list({ ID: 1 })">
<a ui-sref="home.company.list({ ID: 22 })">

查一下here