Question

想在控制台中以角度7解析，格式化和打印API JSON响应。出现以下错误

解析http://localhost:4200/assets/safensecure.json时Http失败

尝试使用创建数组等的对象。

以下是我的data services.ts，我在其中从资产文件夹中的本地驱动器加载json并将其发送到home.component.ts，以便可以在控制台中立即打印相同的内容，然后在HTML中打印< / p>

export class DataService {

  constructor(private http: HttpClient) { }

  getUsers(){


    return this.http.get('./assets/safensecure.json')           // using locally stored json;
    //return this.http.get('https://reqres.in/api/users')
  }
}

在我尝试加载并打印json响应的home.component.ts代码之后

export class HomeComponent implements OnInit {

    users: Object;

  constructor(private data: DataService) { } 

  ngOnInit() {

    console.log ('Below is the new output');

    console.log (this.data.);

    this.data.getUsers().subscribe(data => {
            this.users = data
            console.log(this.users);
          },
          (err: HttpErrorResponse) => {
          console.log (err.message);}
    );

    console.log ('above is the new output');

期待对象中的响应，以便我可以将其传递给HTML并打印。

我想解析从API收到的json响应，而不是

0 个答案: