角飞镖模板内的异步空检查答案

【问题标题】：Async Null check inside a template for angular dart角飞镖模板内的异步空检查
【发布时间】：2019-02-12 05:57:40
【问题描述】：

早上，

我不知道如何在 angular dart 中做到这一点。在打字稿角度看起来你可以去： <div *ngIf="club | async as club"> </div> 但是 'as' 运算符在 dart 中不起作用。

我尝试过类似的方法： <div *ngIf="(club | async) != null"> </div>

我也尝试做一个绑定模板变量，但那里的语法似乎也有问题。 <template #realclub="club | async"><club-details [club]="realclub"></club-details></template>

知道如何在 angular dart 的 html 语法中使用异步值处理 null 检查吗？

谢谢。

【问题讨论】：

【解决方案1】：

不确定我是否完全理解你的问题，但你可以把它变成一个飞镖函数并从你的角度 html 中调用它。应该是这样的

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

您可以在其中使用可识别空值的运算符进行简化，例如

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

【讨论】：