Angular queryParams与花括号混合绑定

Question

我想将组件的字段绑定到[queryParams]属性。试过这样的事情：

<a routerLink="/{{getMyLink()}}" [queryParams]="{ navSource: {{navSource}} }" />

其中navSource是我的property类型编号。问题是外括号应该代表一个对象（根据[queryParams]），而内部括号应该插值。任何想法如何逃避/插入该值？

Answer 1

您正在将interpolation与property bindings混在一起。你必须使用其中一个。

<a [queryParams]="{ navSource: navSource }" />