角度ng如果未显示,则否则

时间:2019-06-27 10:50:35

标签: angular angular-ng-if

我尝试使用ngIf,但未显示任何内容。 倒数计时应在完成=假时显示,如果完成=真,则按钮应显示。

<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>

1 个答案:

答案 0 :(得分:0)

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

  public finished = false;

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

我导入了CountdownModule,并修复了=符号。

希望对您有帮助。