Angular2：テンプレート内の変数としてのオブジェクトキー

Question

私のテンプレートでは、動的キーを持つオブジェクトパラメータを渡したいと思います。この例では

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

、objectKeyは私のオブジェクトのプロパティですが、それはjavascriptのだから、それは文字列としてそれを取る「objectKey」...

Answer 1

利用角括弧（ECMAScriptの6が使用されている場合）：

{[objectKey]: item.key} 

Answer 2

<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>