Angular Json Ошибка типа трубы: преобразование круговой структуры в JSON - PullRequest
Новая
       51

Angular Json Ошибка типа трубы: преобразование круговой структуры в JSON

0 голосов
/ 03 мая 2020

Я пытался следовать курсу angular и столкнулся со следующей ошибкой при использовании ngform:

core. js: 6237 ОШИБКА TypeError: Преобразование циклического структура на JSON -> начиная с объекта с конструктором 'TView' | свойство 'blueprint' -> объект с конструктором 'LViewBlueprint' --- индекс 1 закрывает круг

Ниже приведен шаблон html: 

    <div class="container">
      <h2>User Settings</h2>
      <form #form="ngForm">
        <div class="form-group">
          <label for="name">Name</label>
          <input id="name" name="name" class="form-control" placeholder="Name" />
        </div>
        <div class="form-check form-group">
          <input class="form-check-input" type="checkbox" value="" id="emailOffers">
          <label class="form-check-label" for="emailOffers">
                Email Special Offers
                </label>
        </div>
        <h5>User Interface Style</h5>
        <div class="form-group">
          <div class="form-check">
            <input class="form-check-input" type="radio" name="InterfaceStyle" id="lightInterface" value="Light" checked>
            <label class="form-check-label" for="lightInterface">
                    Light
                    </label>
          </div>
          <div class="form-check">
            <input class="form-check-input" type="radio" name="InterfaceStyle" id="mediumInterface" value="Medium">
            <label class="form-check-label" for="mediumInterface">
                    Medium 
                    </label>
          </div>
          <div class="form-check">
            <input class="form-check-input" type="radio" name="InterfaceStyle" id="darkInterface" value="Dark">
            <label class="form-check-label" for="darkInterface">
                    Dark 
                    </label>
          </div>
        </div>
        <div class="form-group">
          <label for="subscriptionType">Subscription Type</label>
          <select class="form-control" id="subscriptionType">
            <option>Monthly</option>
            <option>Annual</option>
            <option>Lifetime</option>
          </select>
        </div>
        <div class="form-group">
          <label for="notes">Notes</label>
          <textarea class="form-control" id="notes" rows="3"></textarea>
        </div>
        <button class="btn btn-primary">Save</button>
      </form>
    </div>
    {{ form | json }}

1 Ответ

0 голосов
/ 03 мая 2020

Выдает эту ошибку, поскольку имеет некоторую циклическую зависимость от элементов управления, поэтому выдает эту ошибку. Вы можете попробовать распечатать его значение.

Чтобы распечатать весь объект формы, вы можете использовать 

 {{form.value | json}}

Stackblitz link => https://stackblitz.com/edit/angular-6-template-driven-form-validation-prcrob

...