Проверка асинхронного нуля внутри шаблона для углового дротика

Question

Утро,

Я не могу понять, как сделать это в угловой дротик. В машинописном угле это выглядит так: <div *ngIf="club | async as club"> </div>но оператор "как" не работает в дротике.

Я попробовал что-то вроде:<div *ngIf="(club | async) != null"> </div>

Я также пытался сделать связанную переменную шаблона, но синтаксис там, похоже, тоже был проблемой.<template #realclub="club | async"><club-details [club]="realclub"></club-details></template>

Любая идея, как я могу обработать нулевую проверку с асинхронным значением в синтаксисе HTML для углового дротика?

Благодарю.

Answer 1

Не уверен, что я полностью понимаю ваш вопрос, но вы можете превратить его в функцию dart и вызвать ее из своего углового html. Было бы что-то вроде этого

var club = await clubFuture(); if (club == null) club = realClub;

где вы можете упростить, используя нулевой осведомленный оператор, как

var club = (await clubFuture()) ?? realClub;