如何在Angular 4中接收API的响应

Question

我正在使用Angular 4应用程序，尝试从API获取数据，在此我不知道我是否收到了响应，但我没有收到任何错误。

这是我试过的......

ngOnInit() {
    this.http.get(`url=${this.product_Name}`)
     .subscribe(data => { this.path = data[0].Image_PATH_NAME;}, error => console.error(error));
     } 
 } 

这是我从API

获得的JSON响应

[{"Image_PATH_NAME":"assets/Images/Product_Details_Page/Show101.png"}]

在调试上述行时，我看不到任何响应。我是Angular4的新用户，请指导我获取API响应。

Answer 1

这就是这个问题的答案。

.subscribe(data => {
      console.log(data[0]['Image_PATH_NAME']);
    });

控制台视图。

Answer 2

看起来您使用的是旧HttpModule，在这种情况下，您必须在使用前将响应转换为JSON：

ngOnInit() {
    this.http.get(`url=${this.product_Name}`)
     .map(res => res.json())
     .subscribe(data => { this.path = data[0].Image_PATH_NAME;}, error => console.error(error));
     } 
 } 

Answer 3

如果你传入

this.path = data[0].Image_PATH_NAME;

表示您的http呼叫已正确完成。 当你使用subscribe时，第一个参数是在调用正确完成时调用的函数，第二个参数是在出现错误时调用的函数。

您还可以查看devtools中的网络部分并查找http来查看您的内容

希望有所帮助