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

我正在尝试在click事件被调用时在angular 4中创建一个切换开关来调用函数。

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

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

toggle() {

    alert('toggle case 1')

    else

    alert('toggle case 2');

}

基本上我想做2种不同的动作...我该怎么做？

最佳答案

如果只需要切换一个简单的布尔值，则可以执行以下操作：

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

class MyComponent {
  isToggled: boolean;

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

然后，可以根据需要在视图中使用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
  }
}