私は、反応性フォーム入力を取得する必要がありemail
とpassword
、電子メールを使ってfirebaseで新規ユーザーを登録するためのサービスメソッドを呼び出す登録し、私の関数に渡します。残念ながら、フォーム送信後のChromeコンソールではRegisterComponent.html:2 ERROR ReferenceError: email is not defined
私のコードは次のようになります。
register.component.ts
export class RegisterComponent {
form: FormGroup;
constructor(fb: FormBuilder, private authService: AuthService) {
this.form = fb.group({
email:['',Validators.required ],
password:['',Validators.compose([Validators.required,
PasswordValidator.cannotContainSpace])]
})
email = this.form.controls['email'].value;
password = this.form.controls['password'].value;
}
signInWithEmail() {
this.authService.regUser(this.email, this.password);
}
}
私のAuthServiceファイル:
regUser() {
firebase.auth().createUserWithEmailAndPassword(email, pass)
.catch(function(error) {
// Handle Errors here.
var errorCode = error.code;
var errorMessage = error.message;
// ...
});
console.log(this.form.controls['email'].value);
}
質問に関連するのは私のコードの一部にすぎません。大きくて散らかっているので、登録フォームは含めていませんので、見る必要はないと思います。前もって感謝します。
編集:
register.component.html
<div class="container">
<form [formGroup]="form" (ngSubmit)="signInWithEmail()">
<div class="form-group">
<label for="email">Email</label>
<input type="email" class="form-control" formControlName="email">
<div *ngIf="form.controls.email.touched
&& !form.controls.email.valid" class="alert alert-danger">
Email is required
</div>
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" formControlName="password">
<div *ngIf="form.controls.password.touched && form.controls.password.errors">
<div *ngIf="form.controls.password.errors.invalidLogin"
class="alert alert-danger">
Email or password is invalid.
</div>
<div *ngIf="form.controls.password.errors.required"
class="alert alert-danger">
Password is required.
</div>
<div *ngIf="form.controls.password.errors.cannotContainSpace"
class="alert alert-danger">
Password cannot contain space.
</div>
</div>
</div>
<button class="btn btn-primary" type="submit">Register</button>
</form>
</div>
以下を使用して、リアクティブフォームの値を取得できます。
signInWithEmail() {
const formValue = this.form.value;
this.authService.regUser(formValue.email, formValue.password);
}
ところで、私はあなたregUser
がこれらの両方のパラメータを取るようにあなたのサービス内であなたのメソッドパラメータを調整するべきだと思います:
あなたのサービス
regUser(email, pass) {
firebase.auth().createUserWithEmailAndPassword(email, pass)
.catch(function(error) {
// Handle Errors here.
var errorCode = error.code;
var errorMessage = error.message;
// ...
});
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加