2016-09-26 74 views
1

在我的模板中,我想用動態鍵傳遞一個對象參數。Angular2:作爲模板中的變量的對象鍵

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

在這個例子中,objectKey是我的對象的屬性,而是因爲它的JavaScript,它把它作爲一個字符串「objectKey」 ......

+0

你可以創造一個你傳遞變量'objectKey'和方法'item.key'並得到構造的對象返回。 –

回答

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

你不需要將其指定爲鍵值對象,只需通過參數作爲第二個參數 – Vamsi

+0

@GuillaumeC確保Vamsi的答案正確,如果它是正確的。對我來說它看起來像是這樣。以下是關於[RouterLink指令]的文檔(https://angular.io/docs/ts/最新/ API /路由器/指數/ RouterLink-directive.html)。 –