Angular2:对象键作为模板中的变量

时间:2016-09-26 08:01:21

标签: javascript angular

在我的模板中,我想用动态密钥传递一个对象参数。

<li *ngFor="let item of items | keys">
    <a [routerLink]="[url, {objectKey: item.key}]">
        {{ item.key }}{{ item.value }}
    </a>
</li>

在这个例子中,objectKey是我的对象的属性,但是因为它的javascript,它将它作为一个字符串&#39; objectKey&#39; ...

2 个答案:

答案 0 :(得分:3)

<li *ngFor="let item of items | keys">
    <a [routerLink]="['/url', item.key]">   //<-- arguments should be array of
                                                   elements that form your url
        {{ item.key }}{{ item.value }}
    </a>
</li>

答案 1 :(得分:2)

使用方括号(如果使用EcmaScript 6):

{[objectKey]: item.key}