javascript - 如何从 *ngIf 指令中启动一个函数？

Question

我是 Angular 新手。

当不满足某些条件时，如何从 *ngIf= 指令中启动函数？

请注意，在下面的代码中，如果 tab1TrxMessage 可用，第一个 *ngIf 会成功显示 {{tab1TrxMessage}} 消息。

<div (click)="clearForm(1)" *ngIf="tab1TrxId" class="sign-btn text-center fixedNotification" style="margin-top: 20px">
    <a class="btn btn-lg text-white" [ngClass]="trx1Btn">
       <span *ngIf="tab1TrxMessage">{{tab1TrxMessage}}</span>
       <span *ngIf="!tab1TrxMessage && tab1TrxStatus != 'Success'" "testing123()">Failed</span>
    </a>
</div>

但是，在第二个 *ngIf 指令中，如果没有 tab1TrxMessage message 和 tab1TrxStatus status 不是 satus Success，我希望这个函数 testing123() 启动!

任何人都可以帮助我理解如何实现这一点，因为当前不起作用。

.ts文件内容如下:

testing123(){
    console.log("Testing if this works!")
}

Answer 1

将其移至方法

messageFailed() {
  if(!this.tab1TrxMessage && this.tab1TrxStatus != 'Success') {
    this.testing123();
    return true;
  }

  return false;
}

并在模板条件中调用方法

<span *ngIf="messageFailed()">Failed</span>