Не могу правильно прочитать файл json - PullRequest
Новая
       15

Не могу правильно прочитать файл json

0 голосов
/ 16 июня 2020

Я здесь новенький, и я не нашел ответа на свой вопрос, а может быть, я неправильно посмотрел. Я начал стажировку вчера, и я впервые использую Angular. На данный момент я работаю над чтением файла json и получением некоторой информации, однако я тестировал синтаксис, и он работал, но файл, отправленный сервером, немного отличается. Я тестировал этот json файл (не тот, что от компании) 

[
    {"name": "Justine", "age": 25, "sexe": "femme"},
    {"name": "Alex", "age": 23, "sexe": "homme"}
]

Но если я превращаю [в {, он больше не работает 

{
    {"name": "Justine", "age": 25, "sexe": "femme"},
    {"name": "Alex", "age": 23, "sexe": "homme"}
}

Заранее спасибо!

РЕДАКТИРОВАТЬ: Это код компонента 

import { InformationsService } from '../informations.service';

@Component({
  selector: 'app-info',
  template: `<h2> Liste </h2>
    <ul *ngFor="let f of info"> 
      <li>{{f.name}} <br></li>
    </ul>`,
  styles: []
})
export class InfoComponent implements OnInit {
  public info = [];

  constructor(private _info : InformationsService) { }

  ngOnInit() {
    this._info.getInfo().subscribe(data => (this.info = data));
  }

}

Код сервиса 

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Info } from './informations';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class InformationsService {

  private _url: string = "/assets/data/file.json";
  constructor(private http : HttpClient) { }
  getInfo(): Observable<Info[]>{
    return this.http.get<Info[]>(this._url);
  }
}

Забыл сказать, что мой файл взят из API, и нет [, только {

1 Ответ

0 голосов
/ 16 июня 2020

Вам нужно поместить свои данные в свойство root вашего json

{
   "root": [
        {"name": "Justine", "age": 25, "sexe": "femme"},
        {"name": "Alex", "age": 23, "sexe": "homme"}
       ]
}
...