angularjs FormGroup有效的是事實，但返回false

Question

angularjs FormGroup有效的是事實，但返回false

this.loginForm = new FormGroup({ 
 
     'phone': new FormControl(this.loginer.phone, [ 
 
     Validators.required, 
 
     validateMobile 
 
     ]), 
 
     'password': new FormControl(this.loginer.password,[ 
 
     Validators.required 
 
     ]), 
 
    }) 
 
    public formChange(){ 
 
    console.log(this.loginForm); 
 
    console.log(this.loginForm.valid); 
 
    }

Answer 1

試試這個：

import { Component, OnInit } from '@angular/core'; 
import { FormBuilder, FormGroup, Validators } from '@angular/forms'; 

export class AppComponent implements OnInit { 
    loginForm: FormGroup; 
    constructor(private formBuilder: FormBuilder) { 
     this.loginForm = this.formBuilder.group({ 
      phone: [null, Validators.compose([Validators.required])], 
      password: [null, Validators.compose([Validators.required])] 
     }) 
    } 

    ngOnInit() { 
     console.log(this.loginForm); 
     console.log(this.loginForm.valid); 
    } 
}