ui路由器sref給孫子與參數在子

Question

如何創建一個sref，將帶我到一個孫兒狀態，當我有一個參數在兒童狀態的URL？

下面是一些僞代碼：

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

Answer 1

有an example。我們可以這樣調用（我已經刪除了抽象表現出更多的變種，但中間狀態可以是抽象的只是沒有通過網址直接訪問！）：

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

查看更多在plunker