angular - 从 html 文件调用基于条件的函数而不使用 *ngIf

标签 angular

我想在单个 <input type="text" (focusout)=""> 中调用 2 个函数基于一个条件。 我不想使用 *ngIf else条件。

例子
component.ts 文件我已经声明了 1 个变量,比如

isCall = true;     
functionA(){}
functionB(){}

我的 component.html文件如下

<input type="text" (focusout)="">

我想根据 isCall 调用这两个函数来自 (focusout)=""事件。
假设 isCall变量是 true那我想调用functionA()否则 functionB()
如何根据条件调用这些函数?

最佳答案

您可以根据条件使用三元运算符调用两个函数。

<input type="text" (focusout)="isCall ? functionA() : functionB() ">

Here is solution on stackblitz

关于angular - 从 html 文件调用基于条件的函数而不使用 *ngIf,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55350830/

相关文章:

javascript - 如何在 Angular2 中选择文本

javascript - Angular 应用程序的文本转语音 - "allowJs is not set"问题

javascript - 重试对 Angular 中另一个来源的失败 API 调用

angular - 使用 karma+jasmine 测试订阅 Angular 2 中的位置 (this.location.subscribe)

Angular 2 ngFor 偶数/奇数项目

Angular 2 : Code organisation of web service/http requests

angular - 以 Angular 4将字符串附加到img src

javascript - 如何在单个 html 文件中构建 Angular 应用程序,并将所有脚本内联?

angular - 在没有 jquery 的情况下向下滚动时,粘性菜单会改变颜色

angular - Rxjs无法获取过去的值