在Angular中,表单验证是一个常见的需求。当用户输入无效数据时,通常会使用验证信息提示用户进行更正。在某些情况下,开发人员可能希望将验证提示打印到控制台中,以便在调试时进行查看。
以下是如何在Angular中将表单验证提示打印到控制台中的示例代码:
import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({
selector: 'app-root',
template: `
`
})
export class AppComponent {
form: FormGroup;
constructor(private fb: FormBuilder) {
this.form = fb.group({
nameInput: ['', Validators.required]
})
}
}
@Component({
selector: 'app-root',
template: `
`
})
export class AppComponent {
form: FormGroup;
constructor(private fb: FormBuilder) {
this.form = fb.group({
nameInput: ['', Validators.required]
})
this.form.get('nameInput').statusChanges.subscribe(console.log);
}
}
@Component({
selector: 'app-root',
template: `
`
})
export class AppComponent {
form: FormGroup;
constructor(private fb: FormBuilder) {
this.form = fb.group({