2017-09-20 6 views
1

AngularJS FormGroup gültig ist wahr, aber return falseAngularJS FormGroup gültig ist wahr, aber return 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); 
 
    }

enter image description here

enter image description here

+0

Dies bedeutet, dass der Status Ihres Formulars geändert wurde, nachdem die 'FormChange'-Methode aufgerufen wurde. 'console.log' zeigt Ihnen den aktuellen Zustand des Objekts, nicht das Objekt zum Zeitpunkt des Aufrufs. – yurzui

Antwort

1

Versuchen Sie folgendes:

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); 
    } 
} 

Valid empty method

Verwandte Themen