我使用的是 ionic 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 文件:
import { Component, OnInit } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
@IonicPage()
@Component({
selector: 'page-register-guest',
templateUrl: 'register-guest.html',
})
export class RegisterGuestPage {
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
public submitForm(form){
console.log("form submitted YAY");
}
}
按下提交按钮时,控制台中不会记录任何内容。我认为 ts 文件中的 Maybe 方法在 View 中不可访问。当我尝试 <button (click)="test">test</button>
并将一个名为 test 的方法设置为 console.log
, 什么都没发生。我该如何解决这个问题?
最佳答案
我会尝试一些事情: 在你的 @Component 中,我将更改为:
@Component({
selector: 'page-register-guest',
templateUrl: './register-guest.html',
})
同时删除 @IonicPage()
和 import { IonicPage, NavController, NavParams } from '@ionic/angular';
此外,将按钮更改为:
<ion-button type="submit" expand="block">Register Guest</ion-button>
关于angular - 在 ionic 4 中提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55749200/