Http-сбой при разборе http://localhost:8000/src/client/assets/data.json

Question

HI Я новичок в angular. Я пытаюсь прочитать массив json из файла, и мне не удается разобрать ошибку. Может кто-нибудь, пожалуйста, сообщите мне.

У меня есть структура папок, как показано ниже

ЦСИ

--assets
    ---app
      -----opportunities
            ------opportunities.component.ts
--data.json

и мои данные из файла data.json как показано ниже

[  
    {
     "Account name": "155874744",
     "Oppty owner": "Sony Europe Ltd.",
     "Product/s": "June 10, 2015",
     "Domestic/Mow": "55434992111033",
     "ASAP solution status": "Aasd",
     "Price scenario status": "$253.00"         
    },
    {
     "Account name": "155874744",
     "Oppty owner": "Sony Europe Ltd.",
     "Product/s": "June 10, 2015",
     "Domestic/Mow": "55434992111033",
     "ASAP solution status": "sds",
     "Price scenario status": "$253.00"        
    }     
]

и код вabilities.component.ts, как показано ниже

 constructor(private httpservice:HttpClient){}
  public  opptyData:any[];
    ngOnInit()
    {                 
      this.httpservice.get('src/client/assetsdata.json').subscribe(data=>{
                this.opptyData = data as string[];
                console.log(this.opptyData[1]);
            },
            (err:HttpErrorResponse)=>{
                console.log(err.message);
            }               
            );
    }

Я не понимаю, в чем проблема? Пожалуйста, кто-нибудь, помогите мне в этом.

Answer 1

если вы хотите создать структуру интерфейса с помощью фиктивного json, то я рекомендую вам использовать этот веб-сайт

просто вставьте JSON и выберите нужные параметры, затем нажмите Generate my http response. он сгенерирует сервисную ссылку, которую вы можете использовать в своем коде на некоторое время. в противном случае вы можете попробовать Sajeetharan метод.

Гуд-удача

Answer 2

Хранить данные в папке активов:

где src / assets / data.json

Структура папки:

src
   -assets
      -data.json

доступ как показано ниже: // (assets / data.json)

constructor(private httpservice:HttpClient){}
  public  opptyData:any[];
    ngOnInit()
    {

            this.httpservice.get('assets/data.json').subscribe(data=>{
                    this.opptyData = data as string[];
                    console.log(this.opptyData[1]);

            },
            (err:HttpErrorResponse)=>{
                console.log(err.message);
            }

            );

    }

ИЛИ ---------------------------------------------- -------------------------------------------------- -------------------------------

Структура папок:

src
   -assets
     -client
       -data.json

доступ как показано ниже: // (assets / client / data.json)

constructor(private httpservice:HttpClient){}
  public  opptyData:any[];
    ngOnInit()
    {

            this.httpservice.get('assets/client/data.json').subscribe(data=>{
                    this.opptyData = data as string[];
                    console.log(this.opptyData[1]);

            },
            (err:HttpErrorResponse)=>{
                console.log(err.message);
            }

            );

    }

Answer 3

URL должен быть просто

 this.httpservice.get('./data.json').subscribe(data=>{
     this.opptyData = data as string[];
     console.log(this.opptyData[1]);
}