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

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;