Question

嗨，我是新手，我试图从文件中读取json数组，但解析错误失败。请指导我。

我具有如下所示的文件夹结构

src

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

我不明白这是什么问题？？请有人帮助我。

Answer 1

网址应为

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

Answer 2

如果您要使用虚拟json创建前端结构，那么我建议您使用此website

只需粘贴您的JSON并选择您的选项，然后单击Generate my http response。它将生成一个服务链接，您可以暂时在代码中使用它。否则，您可以尝试Sajeetharan方法。

好运

Answer 3

将数据存储在资产文件夹中：

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

            );

    }

解析http：// localhost：8000 / src / client / assets / data.json期间的Http失败

3 个答案: