angular 2 内联 if/esle 点击

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

angular 2 inline if/esle with click