角2複雜的內插屬性

Question

我有一個分量與此代碼

<tr *ngFor="let row of dataset"> 
    <td *ngFor="let column of columns">{{row[column.value]}}</td> 
</tr> 

被正確顯示的對象的屬性，如果column.value具有簡單的值，但如果該值具有這樣的複雜的數值它不會出現如property.nestedproperty。

我該如何解決這個問題？

謝謝。

Answer 1

我已經多次遇到此問題，解決此問題的最佳方法是在組件中聲明一個方法getColumnValue（），您可以在其中計算並放置所有邏輯。 在你的組件類 ..

getColumnValue(){ 
    //logic to get the column value 
    return value 
} 

那麼這種方法結合的<td> 的innerHTML屬性因此，而不是

<td *ngFor="let column of columns">{{row[column.value]}}</td> 

使用

<td *ngFor="let column of columns" [innerHtml]="getColumnValue()"> </td> 

這是獲得最簡單的方法其他方法包括創建通用組件或指令或子組件等。 但相信我以上是最清楚簡潔的方式。