Javascript 角度按钮点击应执行多个功能

Javascript 角度按钮点击应执行多个功能,javascript,angular,typescript,button,Javascript,Angular,Typescript,Button,我怀疑这是一个非常简单的问题,我只是在挣扎,因为我对这个问题还很陌生。我感谢任何帮助,或者只是指出正确的方向 我有一个按钮,点击它,我希望它执行多个功能,我写在同一个ts文件。onClick()的工作方式就像我将console.log语句放入其中一样,这些语句将运行。但是,对其他函数的调用不起作用 以下相关代码应澄清我的问题: HTML: 其他两个函数以类似的方式定义。。。然后单击onClick(): 如上所述,console.log运行,但不调用其他函数。我很困惑 提前谢谢你 你能试试这个吗:

我怀疑这是一个非常简单的问题,我只是在挣扎,因为我对这个问题还很陌生。我感谢任何帮助,或者只是指出正确的方向

我有一个按钮,点击它,我希望它执行多个功能,我写在同一个ts文件。onClick()的工作方式就像我将console.log语句放入其中一样,这些语句将运行。但是,对其他函数的调用不起作用

以下相关代码应澄清我的问题:

HTML:

其他两个函数以类似的方式定义。。。然后单击onClick():

如上所述,console.log运行,但不调用其他函数。我很困惑


提前谢谢你

你能试试这个吗:-

在HTML中

<button type="submit"
        class="btn btn-success"
        (click)="onSaveChanges()">
  Save Changes
</button>

是否确定控制台中没有错误?将console.lot语句放在其他方法中以确认是否调用了它们。是否可以将按钮类型更改为submit to button并重试?确定。这就是我最困惑的地方。这就好像程序甚至不识别其他行一样。除了控制台没有任何响应。log's.Nicholas K。好的,我已经做了。。。看来我被错误的事情弄糊涂了。当我在每个函数中放置console.log语句并单击按钮时,这些console.log就会出现。这意味着函数正在被调用,而函数本身存在一个问题。这是一个完全不同的问题。非常感谢。非常感谢您的回复。这与Nicholas K在上文中提出的建议相同。它告诉我我错了,事实上,函数正在被调用。问题在于这些单独的函数。我不确定这里的礼仪。鉴于我的问题很混乱,因此不太可能帮助他人,我下一步该怎么办?就让问题保持原样吧?我是否应该“投票删除”以阻止其他人回答?
  private populateToDeleteArray = () => {
    this.groupsToDelete = this.originalUserAssociatedGroups
      .filter(i1 => !this.pickListUserAssociatedGroups
        .some(i2 => i1.id === i2.id));
  }
  private populateToPostArray = () => {
    this.groupsToPost = this.pickListUserAssociatedGroups
      .filter(i1 => !this.originalUserAssociatedGroups
        .some(i2 => i1.id === i2.id));
  }
  onSaveChanges = () => {
    console.log('Huh?');
    this.populateToDeleteArray();
    this.populateToPostArray();
    this.sendDeleteRequests();
    this.sendPostRequests();
  }
<button type="submit"
        class="btn btn-success"
        (click)="onSaveChanges()">
  Save Changes
</button>
  populateToDeleteArray(){
    this.groupsToDelete = this.originalUserAssociatedGroups
      .filter(i1 => !this.pickListUserAssociatedGroups
        .some(i2 => i1.id === i2.id));
       console.log('working 1st');
  }
  populateToPostArray(){
    this.groupsToPost = this.pickListUserAssociatedGroups
      .filter(i1 => !this.originalUserAssociatedGroups
        .some(i2 => i1.id === i2.id));
        console.log('working 2nd');
  }

  onSaveChange() {
    console.log('Huh?');
    this.populateToDeleteArray();
    this.populateToPostArray();
  }