我需要获取响应式表单输入的电子邮件
和密码
,并将它们传递给我的函数,该函数调用注册服务方法使用电子邮件在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>