angular queryParams 模板上动态key 语法

Question

[queryParams]="{ sonItem?.is_param: sonItem?.param_value}"

前面的可以是动态的
这里的模板语法怎么写啊

Answer 1

es6有动态计算对象key值的功能例如

{
    [sonItem.is_param]:sonItem.param_value
}

但是angular模版不支持这种写法。
所以还是在组件写个函数获取想要的对象值吧。

getQueryParams(key:string){
    return {
        [key]:xxx
    }
}

[queryParams]="getQueryParams(sonItem?.is_param)"