angular - Angular ngIf 不显示 then 或 else

Question

我尝试使用 ngIf 但没有显示。当完成 = false 时应显示倒计时，如果完成 = true，则应显示按钮。

<div *ngIf="!finished; then thenCountdown else elseButton">jo ho ho</div>
<!-- COUNTDOWN -->
<ng-template #thenCountdown>
    <div id="countdown">
        finished is false
        <countdown [config]="{ stopTime: 1561901216000 }" (finished)isFinished()>
            $!d!:$!h!:$!m!:$!s!
        </countdown>
    </div>
</ng-template>
<!-- BUTTON -->
<ng-template #elseButton>
    <div>
        finished is true
    </div>
</ng-template>

标签： angularangular-ng-if

Answer 1

这个stackblitz对我有用。我添加了

  public finished = false;

  public isFinished() {
    this.finished = true;
  }

我导入了CountdownModule并修复了=标志。

我希望它有所帮助。