Как использовать встроенный оператор if внутри скобки

Question

Я хочу использовать inline if в шаблоне angular2, как это?

<select [(ngModel)]="value" class="form-control" (blur)="onBlur()"> 
    <option *ngFor="let item of items" [ngValue]="item">{{item.name?item.name:item}}</option> 
</select> 

Как сделать {{item.name?item.name:item}} возможно с использованием inline if statement?

Answer 1

Имя новообращенного элемента для булева по !! ниже должен работать

{{!!item.name ? item.name : item}} 

Answer 2

Вы можете использовать тройной оператор (то, что вы уже используете) или использовать <template> тега (see more):

<select [(ngModel)]="value" class="form-control" (blur)="onBlur()"> 
    <option *ngFor="let item of items" [ngValue]="item"> 
    <template [ngIf]="item.name">{{ item.name }}</template> 
    <template [ngIf]="!item.name">{{ item }}</template> 
    </option> 
</select> 

Конечно, вы можете использовать ngSwitch вместо *ngIf, но это не сильно изменится.

Преимущество использования тега <template> заключается в том, что он не создает настоящий HTML-тег, который недопустим внутри опции.