角度为2 inline if / esle with click

Question

我只是想在点击时运行一个函数，只有当某个条件存在时，我不需要在组件ts文件中添加额外的函数来检查条件，我需要内联，比如

 <button (click)="'condition==true'?runFunction()">

Answer 1

您可以通过在component.ts

中创建函数来实现

check(){
  if(condition){
     callThatFunction();
  }
}

并在 HTML

中

<button (click)="check()">

Answer 2

正如@Sajeetharan所说，最好在你的控制器内进行检查。如果它不适合您，您的模板中也可以有2个按钮，如下所示：

<button *ngIf="condition" (click)="runFunction()">
<button *ngIf="!condition">