Angular 2中的动态绑定

Question

Basically I am looking for shorthand version of this:

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

My data could either be a string or an expression ie

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

mix can either be " 'text' " or "obj[text]" and accordingly the template should evaluate.

Answer 1

According to best practisies you should do this in your typescript file

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

And template should be something like this:

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