2017-04-10 98 views
1

結合基本上我找的簡寫版的這個:動態的角度2

<div class=""> 
{{listObject.firstHeaderKey.type === 'value' ? listObject.firstHeaderKey.key: item[listObject.firstHeaderKey.key}} 
</div> 

我的數據可能是字符串或即

<div *ngFor="let mix of mixList"> 
    <div> 
    {{mix}} 
    </div> 
</div> 

組合的表達可以是「「文'「或」obj [text]「,因此模板應該評估。

+1

似乎沒有被其他的解決方案(ATLEAST我)查看你的列表的異構內容。最好讓你的列表同質化,重構它,以便'obj [text]'適用於所有'mix'值。 – akash

回答

2

根據最佳practisies你應該在你的打字稿文件

mix: any; 
this.mix === 'value' ? listObject.firstHeaderKey.key : 
         item[listObject.firstHeaderKey.key] 

而且模板做到這一點應該是這樣的:

<div> 
{{mix}} 
</div> 
+0

基本上內容是在一個列表(ngFor)內,在這種情況下,我將不得不爲每個單獨的顯示調用一個不是最佳方式的函數 –