Angularjs ui路由器sref到孙子,参数在子节点中

Angularjs ui路由器sref到孙子,参数在子节点中,angularjs,angular-ui-router,Angularjs,Angular Ui Router,当我在子状态的URL中有一个参数时,如何创建一个sref,将我带到孙子状态 下面是一些伪代码: .state( 'foo', {url:'/', template:'<div ui-view></div><a ui-sref="foo.bar.baz(bar: 'bing')">Bing Baz</a>'}) .state( 'foo.bar', {url:':bar',abstract: true, templateURL:'bar.tpl.ht

当我在子状态的URL中有一个参数时,如何创建一个sref,将我带到孙子状态

下面是一些伪代码:

.state( 'foo', {url:'/', template:'<div ui-view></div><a ui-sref="foo.bar.baz(bar: 'bing')">Bing Baz</a>'})
.state( 'foo.bar', {url:':bar',abstract: true, templateURL:'bar.tpl.html'})
.state( 'foo.bar.baz', {url:'/baz', template:'I am a baz, and if you clicked from the foo state, I should be a Bing Baz!'});
.state('foo',{url:'/',模板:'Bing Baz'})
.state('foo.bar',{url:':bar',abstract:true,templateURL:'bar.tpl.html'})
.state('foo.bar.baz',{url:'/baz',模板:'I am a baz,如果您从foo状态单击,我应该是Bing baz!');
有。我们可以这样称呼它(我删除了抽象以显示更多变体,但中间状态可以是抽象的!只是不能通过url直接访问):


在我的非伪代码中,我没有正确地转义表示为bar的变量:“bing”。看看你的代码,基本上和我的伪代码一样,但我意识到了我的错误。
<a ui-sref="foo">foo</a>
<a ui-sref="foo.bar({bar:'bing'})">foo.bar({bar:'bing'})</a>
<a ui-sref="foo.bar.baz({bar:'bing'})">foo.bar.baz({bar:'bing'})</a>
  $stateProvider
    .state('foo', {
      url: '/',
      template: '<div><h3>I. The foo state</h3>' + 
      'Child : <a ui-sref=".bar({bar: \'bing\'})">.bar.baz({bar: \'bing\'})</a>' +
      '<div ui-view></div>' +
      ' </div>', 
    })
    .state('foo.bar', {
      url: ':bar',
      //abstract: true,
      template: '<div><h4>II. The foo.bar state</h4>' + 
      'Child : <a ui-sref=".baz({bar: \'bing\'})">.baz({bar: \'bing\'})</a>' +
      '<div ui-view></div>' +
      ' </div>',
    })
    .state('foo.bar.baz', {
      url: '/baz',
      template: '<div><h5>III. The foo.bar.baz state</h5>' + 
      '<div ui-view></div>' +
      ' </div>',
    });