How to use the built-in if statement inside a parenthesis

Question

I want to use inline if in an angular2 template, how is it?

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

How to make {{item.name?item.name:item}}it possible using the built-in if statement?

Answer 1

The first conversion of the element name to boolean on !!below should work

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

Answer 2

You can use the ternary operator (what you are already using) or use the tag <template>( 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>

Of course, you can use ngSwitchinstead *ngIf, but it does not change much.

<template> , HTML, .