typescript angular2 template queryParams

Question

我正在嘗試使用路由構建一個Angular 2應用程序。 我的模板中有一個鏈接，如下所示：

<a href="#" [routerLink]="['/Foo']" [queryParams]="{page:1+curr}">Next</a>

在我的組件類中， curr被定義為

curr: number = 0

我想要鏈接的URL

/Foo?page=1 

相反，它看起來像1和curr被連接，URL是

/Foo?page10 

有任何想法嗎？

Answer 1

試試這個代碼

<a href="#" [routerLink]="['/Foo']" [queryParams]="{page:'1'+curr}">Next</a>

Answer 2

問題是即使curr被聲明為curr: number = 0它稍后被賦予通過AJAX返回的變量，恰好是一個字符串

curr = data.current // current is a string

我預計這會被轉錄器捕獲，但我沒有運行lint。 因此，當嘗試添加字符串和數字時，數字強制轉換為字符串，結果是連接。