在Angular 9项目中,可以使用Json Pipe来显示ngForm数据。但是,当尝试将循环结构转换为JSON时,可能会出现错误。以下是解决此问题的示例代码:
import { Component, ViewChild } from '@angular/core';
import { NgForm } from '@angular/forms';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponent {
@ViewChild('myForm', { static: false }) myForm: NgForm;
onSubmit() {
console.log(this.myForm.value);
}
}
{{ myForm.value | json }}
在上述示例中,我们使用@ViewChild
装饰器来获取名为"myForm"的ngForm实例。然后,我们在模板中使用Json Pipe来显示ngForm的值。