typescript angular2 template queryParams

Question

我正在尝试使用路由构建一个Angular 2应用。我的模板中有一个链接，如下所示：

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

在我的组件类curr中定义为

curr: number = 0

我希望链接的网址为

/Foo?page=1 

而是看起来1和curr正在连接且网址为

/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。  因此，当尝试添加字符串和数字时，该数字被强制转换为字符串，结果是连接。