I'm trying to do a ngIf where the result is depending on a promise.

The template

```
<div>
  <select [(ngModel)]="carValue" name="carName">
    <option value="renault">Renault</option>
    <option value="bmw">Bmw</option>
  </select>
  <p *ngIf="isDisplayed()">Good choice!</p>
</div>

```

So far, the function isDisplayed is

```
isDisplayed() {
  return this.carValue === 'bmw';
}

```

But I'd like it to be asynchronous. Something like

```
isDisplayed() {
  return this.getBestChoice().then((result) => result);
}

getBestChoice() {
  // fake http call
  return new Promise((resolve) => {
    setTimeout(() => resolve('bmw'), 3000);  
  });
}

```

Obviously it won't work. I have ideas how to implement this but not sure it is clean.

* Bind an event ngModelChange. Each time user pick a new car. It reloads a variable "isDisplayed"
* Save the promise and use aync pipe in the template. But it won't reload the data.

Here is a [punker](https://plnkr.co/edit/ti2oCfWbgYTQqAEEzHRa?p=preview).