Как преобразовать объект в список JSON в Angular 2?

Question

Я создаю форму, которая выводит JSON. Мне нужны некоторые поля в виде списка JSON. Например:

{"Name":"sam","age":"21","Friends":[{"Name":"bob","age":"21"}]}

Но когда я использую этот код JSON.parse(JSON.stringify(value))

Я получаю что-то вроде этого

{"Name":"sam","age":"21","Friends":{"Name":"bob","age":"21"}}

[] отсутствует. Как мне составить список JSON?

пс: я новичок в веб-разработке, простите, если вопрос глупый.

мой app.component.html

<div class="container">

  <form #payloadForm="ngForm" (ngSubmit)="onSubmit(payloadForm.value)">
    <div class="form-group">
      <label>Name</label>
      <input type="text" name="Name" ngModel  value="" class="form-control">
    </div>
    <div class="form-group">
      <label>age</label>
      <input type="text" name="age" ngModel value="" class="form-control">
    </div>

  <div ngModelGroup="Friends">
<label>Friend Name</label>
    <div class="form-group">
      <label>Name</label>
      <input type="text" name="Name" ngModel  value="" class="form-control">
    </div>
    <div class="form-group">
      <label>age</label>
      <input type="text" name="age" ngModel value="" class="form-control">
    </div>

    </div>
    <button type="submit" class="btn btn-primary" name="button">Submit</button>
  </form>

</div>

мой app.component.ts

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  onSubmit(value: any){
      console.log(JSON.parse(JSON.stringify(value)));
      console.log("String");
      console.log(JSON.stringify(value));
  }
}

Answer 1

вы можете JSON.parse () завершить строку JSON. После этого вы можете просто получить доступ к массиву из того объекта, который вы получили из JSON.parse ().