Angular 在ionic 4中提交表格

我使用的是离子4.12。我有以下表格代码：

<ion-content padding>
    <form  #form="ngForm" (ngSubmit)="submitForm(form)">
      <ion-item>
        <ion-label>Guest Name</ion-label>
        <ion-input  name="guestname" type="text" placeholder="Guest Name" ngModel></ion-input>
      </ion-item>
      <ion-item>
        <ion-label>Host Name</ion-label>
        <ion-input  name="host_name" type="text" placeholder="Host Name" ngModel></ion-input>
      </ion-item>
      <button type="submit" block ion-button>Register Guest</button>
    </form>
</ion-content>

---

按下提交按钮时，控制台中不会记录任何内容。我认为ts文件中的方法在视图中不可访问。当我尝试

test

并将一个名为test的方法设置为console.log时，什么都没有发生。我应该如何解决这个问题？

我可以尝试以下几点： 在您的@组件中，我将更改为：

@Component({
  selector: 'page-register-guest',
  templateUrl: './register-guest.html',
})

同时从“@ionic/angular”中删除

@IonicPage（）

和

导入{IonicPage，NavController，NavParams}

此外，将按钮更改为：

<ion-button type="submit" expand="block">Register Guest</ion-button>

登记客人
Ionic 4使用“@Ionic/angular”，但我不确定您为什么使用@IonicPage（）。也许为了让它工作，你可以尝试删除它。然后确保您已经在路由页面中导入了页面。我已经检查过了，IonicPage decorator在v4中不存在。您的代码是Ionic v3代码，您应该检查v4中的示例。
<ion-button type="submit" expand="block">Register Guest</ion-button>