Angular 9项目中通过Json Pipe显示ngForm数据，但是没有显示任何数据。将循环结构转换为JSON时出现错误。_编程开发

Angular 9项目中通过Json Pipe显示ngForm数据，但是没有显示任何数据。将循环结构转换为JSON时出现错误。

创始人

2024-10-18 12:02:04

0次

在Angular 9项目中，可以使用Json Pipe来显示ngForm数据。但是，当尝试将循环结构转换为JSON时，可能会出现错误。以下是解决此问题的示例代码：

在你的组件中，确保你有一个ngForm实例。例如：

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

在你的模板中，使用Json Pipe来显示ngForm的值。例如：


  
  
  


{{ myForm.value | json }}

在上述示例中，我们使用@ViewChild装饰器来获取名为"myForm"的ngForm实例。然后，我们在模板中使用Json Pipe来显示ngForm的值。

上一篇：Angular 9项目在Firebase托管上未能通过https请求。

下一篇：Angular 9响应式表单根据单选按钮的选择显示隐藏div

Angular 9项目中通过Json Pipe显示ngForm数据，但是没有显示任何数据。将循环结构转换为JSON时出现错误。

相关内容

热门资讯