Ошибка HTTP во время синтаксического анализа для http://localhost:8000/src/client/assets/data.json

Привет, я новичок в 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"        
    }     
]

и код в возможностях.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);
            }               
            );
    }

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


typescript javascript json angular angular-httpclient
person Venkatesh k    schedule 01.11.2018    source источник

Ответы (3)


arrow_upward
0
arrow_downward

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

 this.httpservice.get('./data.json').subscribe(data=>{
     this.opptyData = data as string[];
     console.log(this.opptyData[1]);
}
person Sajeetharan    schedule 01.11.2018
comment
все еще получаю ту же ошибку: есть ли проблема с моим форматом файла? - person Venkatesh k; 01.11.2018

arrow_upward
0
arrow_downward

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

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

удачи

person Farhat Zaman    schedule 01.11.2018

arrow_upward
0
arrow_downward

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

где 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);
            }

            );

    }

OR -------------------------------------------------------------------------------------------------------------------------------

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

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);
            }

            );

    }
person Dinesh Ghule    schedule 01.11.2018