如何在angular2中動態綁定

Question

我正在構建一個允許控件的用戶配置要在數據源上綁定到的屬性的下拉組件。下面是使用的一個示例：

<ex-dropdown name="Office" valuemember="CODE" displaymember="DESC"  [datasource]="cities"></ex-dropdown> 

和這裏是數據的一個示例：

var data =[ 
{ 
    "ID": 0, 
    "CODE": "00",  
    "DESC": "New York" 
},.... 

的數據可以是不同的形狀，從而控制的用戶需要設置的能力組件和組件的displaymember屬性需要綁定到用戶將其設置爲的任何內容。換句話說，綁定需要是動態的。

在我的下拉組件模板，我已經硬編碼它綁定到DESC屬性：

<li *ngFor="#item of myItems"> 
     <a href="#"> {{item.DESC}}</a> 
</li> 

而且適用於上面的樣本數據。但我需要綁定是動態的。

我想要類似item[displaymember]。

Answer 1

你可以利用分量輸入：

@Component({ 
    selector: 'dropdown', 
    (...) 
}) 
export class DropdownComponent { 
    @Input() 
    param:string; 
} 

，並提供了參數像這樣從父組件的模板，使用組件時：

<dropdown [param]="someexpression"></dropdown> 

Answer 2

項目[displaymember]應該工作。 你是說這不工作？