用於routerLink指令的角度2路由器替代語法不起作用

我試圖讓routerLink指令使用矩陣參數。到目前爲止，我能夠工作的唯一語法變體就是路徑字符串。用於routerLink指令的角度2路由器替代語法不起作用

<a routerLink="/state-scratchpad">Syntax 1 - works</a> 
<a routerLink="['/state-scratchpad']">Syntax 2 - doesn't work</a> 
<a routerLink="['/state-scratchpad', { tcomp: '1', tmake: '1-7' }]">Syntax 3 - doesn't work</a> 
<a routerLink="/state-scratchpad;tcomp=1;tmake=8">Syntax 4 - doesn't work</a>

在URL欄中導航到/state-scratchpad;tcomp=1;tmake=8也適用。

這裏是我的路線：

const routes = [ 
    { path: '', pathMatch: 'full', redirectTo: '/welcome' }, 
    { path: 'welcome', component: WelcomeComponent }, 
    { path: 'state-scratchpad', component: StateScratchpadComponent, params: { tcomp: '', tmake: '' } } 
];

我採用了棱角分明2.0.0。根據angular.io站點上的文檔，routerLink值的各種語法都應該工作。但只有最簡單的語法纔有效。由此產生的錯誤消息：

S1: Works 
S2: Error: Cannot match any routes: '%5B'/state-scratchpad'%5D' 
S3: Error: Cannot match any routes: '%5B'/state-scratchpad'%2C%20%7B%20tcomp%3A%20'1'%2C%20tmake%3A%20'1-7'%20%7D%5D' 
S4: Error: Cannot match any routes: 'state-scratchpad%3Btcomp%3D1%3Btmake%3D8'

任何想法？

來源

2016-11-18 CalvinDale

的PARAMS難道不該'[routerLink] = 「...」'？ – jonrsharpe

首先路由器鏈接看起來像這樣

<a [routerLink]="['/state-scratchpad', tcomp, tmake]">

這將通過基本URL和追加PARAMS。接下來你的路線應該是這樣的

{ path: 'state-scratchpad/:tcomp/:tmake', component: StateScratchpadComponent}

然後，當組件加載你像這樣訪問

constructor(private route: ActivatedRoute) {} 
ngOnInit(){ 
    this.route.snapshot.params["tcomp"]; 
    this.route.snapshot.params["tmake"]; 
}

來源

2016-11-18 21:46:11 Lockless

謝謝。我正在做一個簡單的初次使用者的錯誤。就參數而言，我在這裏使用矩陣參數而不是位置參數。但我想實現的是將'routerLink'值綁定到路徑段observable。這樣的事情： 'Some Link' 但我不知道什麼適當的語法才能得到這個工作。 – CalvinDale

用於routerLink指令的角度2路由器替代語法不起作用

回答

相關問題