ionic 3 html按钮链接到.ts中的一个函数，但说它是未定义的

Posted 2023-03-13

【中文标题】ionic 3 html按钮链接到.ts中的一个函数，但说它是未定义的

【英文标题】：ionic 3 html button linked to a funtion in .ts but says its undefined

【发布时间】：2018-03-30 11:58:10

【问题描述】：

我在注册表单末尾有这行代码：

<button ion-button full color="secondary" onclick="save()"></button>`

但是，当我点击它时，我收到一条错误消息，提示保存未定义，但我的 .ts 文件中有此内容

save() 
  this.submitAttempt= true;
  console.log("success!");
  console.log(this.slideOneForm.value);
  console.log(this.slideTwoForm.value);
  console.log(this.slideThreeForm.value);

是我的定义错误还是按钮本身有错误，我该如何解决这个问题？

【问题讨论】：

能否提供更多代码，以便我们进行调试？ ***.com/help/mcve

Sonicd300 已经回答了

【参考方案1】：

您的错误在按钮的 html 中，您将其绑定为 (click)="save()" 而不是 onclick="save()"

【参考方案2】：

这是 Ionic 实时重新加载器（调试服务器）的问题。所以这里有 2 个选项。

选项 1： 更改 .ts 文件的内容并允许服务器重新加载

选项 2： 杀死服务器并使用 ionic serve 再次重新启动它