Angular 2中的动态绑定

Question

基本上我正在寻找速记版本：

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

我的数据可以是字符串或表达式，即

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

混合可以是＆＃34; ＆＃39;文本＆＃39; ＆＃34;或＆＃34; obj [text]＆＃34;因此模板应该进行评估。

Answer 1

根据最佳实践，您应该在打字稿文件中执行此操作

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

模板应该是这样的：

<div>
{{mix}}
</div>