Javascript 我很困惑，因为在一个关于角度形式的JS教程之后，我得到了TypeError

老实说，我是一个新手，正在寻找一些指导。我目前正在学习PluralSight上的JavaScript教程。在学习了有关角度形状的教程之后，视频中的家伙将形状信息打印到网站上。然而，在我做了他所做的事情之后，我在谷歌Chrome控制台中发现了这个错误

core.js:4442 ERROR TypeError: Converting circular structure to JSON
        --> starting at object with constructor 'TView'
        |     property 'blueprint' -> object with constructor 'LViewBlueprint'
        --- index 1 closes the circle
        at JSON.stringify (<anonymous>)
        at JsonPipe.transform (common.js:4715)
        at Module.ɵɵpipeBind1 (core.js:24734)
        at UserSettingsFormComponent_Template (user-settings-form.component.html:23)
        at executeTemplate (core.js:7457)
        at refreshView (core.js:7326)
        at refreshComponent (core.js:8473)
        at refreshChildComponents (core.js:7132)
        at refreshView (core.js:7376)
        at refreshComponent (core.js:8473)

 <form #form="ngForm">


        <div class="form-group">
            <label for="name">Name</label>
            <input id="name" name='name' class='form-control'>
            </div>
            <div class="form-check form-group">
                <input class="form-check-input" type="checkbox" 
                 id="emailOffers" name="emailOffers">
                <label class="form-check-label" for="emailOffers">
                  Email Special Offers?
                </label>
              </div>
        <button class="btn btn-primary">Ok</button>
    </form>
</div>


  {{ form | json }}

import { Component, OnInit } from '@angular/core';


@Component({
  selector: 'app-user-settings-form',
  templateUrl: './user-settings-form.component.html',
  styleUrls: ['./user-settings-form.component.css']
})

export class UserSettingsFormComponent implements OnInit {

  constructor() { }
  
  ngOnInit() {
  }
}