onclick 中的 Angular HTML 调用函数给出 ReferenceError 但 console.log 正常工作

Question

我想停止离子后退按钮的默认行为

console.log 正在运行

<ion-back-button onclick="event.stopImmediatePropagation(); console.log('hello')" slot="start">

onBack函数不起作用获取ReferenceError

<ion-back-button onclick="event.stopImmediatePropagation(); onBack()" slot="start">

即使我在类组件文件中明确定义了函数

• 我也尝试过 this.onBack() 但不起作用。

  export class Component implements OnInit {
  onBack() {
    console.log("here");
   }
  }
  

Answer 1

在 Angular 中，您需要使用 事件绑定语法 而不是

onclick

:

<ion-back-button
  (click)="event.stopImmediatePropagation(); onBack()"
  slot="start"
>