angular中的响应式表单 FormGroup新建,获取Form Group的值
在HTML中:
//将这个FormGroup和FormGroup属性绑定起来邮箱地址
登录
在类(ts)文件中:
1.引入
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
2.export class CandidateLoginPage implements OnInit {
errorMessages: any = {
email: [
{ type: 'required', message: 'Name_Required' }
],
valicationCode: [
{ type: 'required', message: 'Name_Required' }
],
password: [
{ type: 'required', message: 'Name_Required' }
],
};
loginFormGroup: FormGroup;
submitAttempt: Boolean = false;
constructor(private fb: FormBuilder,private candidateLoginService:CandidateLoginService,private navCtrl: NavController,private translateService:TranslateService) {
this.loginFormGroup = this.fb.group({
email: ['', Validators.required],
valicationCode: ['', Validators.required],
password: ['', Validators.required],
});
}
submit(){
this.submitAttempt=true;
}