如何在节点获取数据后在AngularJS中使用$ get请求?

时间:2017-12-04 21:44:18

标签: javascript angularjs node.js

我正在构建一个Web应用程序,当您将鼠标悬停在应用程序上的卡片文本上时,该应用程序将使用API​​来显示卡片。

我正在使用unirest在我的node express服务器上调用API,如下所示 -

unirest.get("https://omgvamp-hearthstone-v1.p.mashape.com/cards")
.header("X-Mashape-Key", "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx")
.end(function (result) {
  console.log(result.status, result.headers, result.body);
});

数据正确返回,并在我的git bash控制台中显示为JSON。

如何使用Angular $ get服务对刚刚拉出的节点进行调用?我想我的问题是,一旦节点获得处理,这些数据将被拉到哪里?

根据我的理解,我会解析这些信息,但是我是否必须发送此数据才能在Angular.js文件中使用它?

我希望我写了足够的信息来回答。

谢谢

1 个答案:

答案 0 :(得分:1)

如果您想将数据传递到UI,您需要通过端点访问它,因此您可以在服务器中执行类似的操作(为简单起见,我使用快递):

app.get('/my-data-endpoint', (req, res) => {
  unirest.get("https://omgvamp-hearthstone-v1.p.mashape.com/cards")
    .header("X-Mashape-Key", "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx")
    .end((result) => {
      console.log(result.status, result.headers, result.body);
      res.send(result);
    });
});

在您的角度控制器中,您可以这样做:

$http.get('/my-data-endpoint')
  .then((response) => {
    console.log(response);
  });

请记住在控制器中注入$http依赖项,您应该能够看到响应。