Question

如果div-two可见，我不想显示默认的div。我知道我可以将default-div包裹在* ngIf =“ tokenValid”中，它可以工作，但是响应大约需要2秒钟才能从服务器发出，我不希望这2秒钟隐藏默认div 。因此，如果要看到err-2 div且仅在token为false时才可见，我想将其隐藏。

<div class="default-div">
    Show this default block
    </div>

    <div class="err-two" *ngIf="!tokenValid">
    Sorry invalid
    </div>

打字稿

ngOnInit() {
    const token = {
      token: this.form.token
    }
    this.auth.resetPasswordToken(token).subscribe( (res: any) => {
      if(res) {
       this.tokenValid = true;
      }
    },(err)=> {
    if(err) {
      this.tokenValid = false;
    }
    });

  }

Answer 1

尝试一下。最初tokenValid = true

<div *ngIf="tokenValid ; else invalid">
  default
</div>

<ng-template #invalid>
sorry invalid
</ng-template>

如何根据另一个div的可见性隐藏或不加载div

1 个答案: