Javascript Ionic 4 Angular:Uncaught ReferenceError:dismissModal未在HtmleElement.onclick上定义（但已定义函数！）

错误： 未捕获引用错误：未定义dismissModal 在HTMLElement.onclick

匹配摘要Modal.component.html

<ion-header translucent>
  <ion-toolbar>
    <ion-title>Match Summary</ion-title>
    <ion-buttons slot="end">
      <ion-button onclick="dismissModal()">Return to Queue Page</ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>
<ion-content>
  <ion-card>
    <ion-card-content>This match you had a score of {{score}}</ion-card-content>
    <ion-card-content>And a place of {{place}} out of {{playerCount}} players</ion-card-content>
  </ion-card>
</ion-content>

GameNetworkService.ts （服务中的某个位置，注入modalController）

问题 当在MatchSummaryModal中明确定义了

dismissModal（）

时， 为什么angular/ionic在单击按钮时无法找到组件中明确调用和包含的

dismissModal（）

方法

此外，我需要做什么才能获得预期的功能？（这将使模式在单击按钮时自动关闭）

谢谢大家!

应该是

<ion-button (click)="dismissModal()">Return to Queue Page</ion-button>

返回队列页面

而不是

<ion-button onclick="dismissModal()">Return to Queue Page</ion-button>

返回队列页面

只是学习角度/离子，感谢反馈。考虑到我的应用程序使用（点击）的重置，我不确定为什么要这样使用它。对我来说，同样的错误，我只是从DevTool Inspector复制/复制了这个页面示例的来源（我知道这是个坏主意）

<ion-button (click)="dismissModal()">Return to Queue Page</ion-button>

<ion-button onclick="dismissModal()">Return to Queue Page</ion-button>