我用 Angular 創建了一個 Ionic 專案，并用電子郵件和密碼制作了一個小的登錄表單。因此，我使用 Angular 的 FormGroup 和 Formbuilder 作為 Ionic 的官方檔案來描述它：
希望這里有人有一個想法，它可能是什么。謝謝你。
我的代碼：
export class LoginComponent {
private loginForm: FormGroup;
constructor(
private authService: AuthService,
private formBuilder: FormBuilder
) {
this.loginForm = this.formBuilder.group({
mail: ['[email protected]', Validators.required],
pass: ['', Validators.required],
});
}
login() {
console.log(this.loginForm.value); // Output: '[email protected]', null -> doesn't matter what's in the actual inputs
}
}<ion-card-content class="content__card-content">
<form [formGroup]="loginForm" (ngSubmit)="login()">
<ion-item class="content__card-content__username">
<ion-label position="floating">E-Mail</ion-label>
<ion-input
formControlName="mail"
type="email"
[required]="true"
></ion-input>
</ion-item>
<ion-item class="content__card-content__password">
<ion-label position="floating">Password</ion-label>
<ion-input
formControlName="pass"
type="password"
[required]="true"
></ion-input>
</ion-item>
<ion-button type="submit" [disabled]="!loginForm.valid">Login</ion-button>
</form>
</ion-card-content>uj5u.com熱心網友回復：
將 formControlName="password" 更改為formControlName="pass"在 html 檔案中
也是私有的“登錄表單” public
uj5u.com熱心網友回復：
已解決：由于未正確提供該表單組，因此尚未應用該表單組。我需要在宣告組件的模塊中匯入“ReactiveFormsModule”和“FormsModule”。然后我還需要將此模塊匯入我的 app.module.ts - Ionic 沒有通過編譯在此處顯示錯誤，通過使用 angular 本身進行編譯，它拋出了一個錯誤，表明它沒有正確提供。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/336769.html
上一篇：將多個復選框值保存到資料庫