javascript - Angular 2+ 创建 2 种不同情况的切换

Question

我正在尝试创建一个 Angular 4 的切换，在调用点击事件时调用一个函数。

<button (click)="toggle()">Toggle Button</button>

然后在 .ts 文件中我想要这样的东西:

toggle() {

    alert('toggle case 1') 

    else

    alert('toggle case 2');

}

基本上我想执行 2 个不同的操作...我该怎么做？

Answer 1

如果您只需要切换一个简单的 bool 值，您可以执行以下操作:

<button (click)="toggle()">Toggle Button</button>

---

class MyComponent {
  isToggled: boolean;

  toggle() {
    this.isToggled = !this.isToggled;
  }
}

然后，如果需要，您可以在 View 中使用 isToggled。

对于更复杂的事情，您可以像这样扩展您的 toggle() 方法:

toggle() {
  this.isToggled = !this.isToggled;

  if (this.isToggled) {
    // do something, we've just been toggled on
  } else {
    // do something else, we've just been toggled off
  }
}