Angular中如何在模板的routerLink queryParams使用枚举值作为参数键

你当前的写法中，对象字面量里的key会被识别为固定的字符串键，不会读取组件类中定义的key变量的值，因此会生成?key=value的查询参数。

该需求可以直接在模板中实现，你只需要使用ES6的计算属性语法，用方括号包裹变量作为对象的键即可，修改后的模板代码如下：

<a [routerLink]="[]" [queryParams]="{ [key]: 'value' }">

修改后运行时会自动将key变量的实际值nodeId作为查询参数的键名，最终得到你预期的?nodeId=value的跳转效果。

内容的提问来源于stack exchange，提问作者matthias