在 Angular 中从 nodejs 获取 JSON

Posted 2023-03-07

【中文标题】在 Angular 中从 nodejs 获取 JSON

【英文标题】：Getting JSON from nodejs in Angular

【发布时间】：2017-11-13 06:15:23

【问题描述】：

所以我在任何地方都找不到我的答案。使用节点我从数据库中获取所有内容，并将其输出到文件中。它是简单的 JSON 数据，聊天记录。我可以通过我的浏览器访问它。看起来像这样：

[
  "id":"1b4f0d8b-4577-493e-adde 68a9a96f647d",
  "message":"Hi",
  "name":"NilmeX",
  "timestamp":"18:11"
,

  "id":"4b4f2dc1-7162-484b-98b4-dbdbc751dff4",
  "message":"Hi2",
  "name":"NilmeX",
  "timestamp":"18:11"
]

等等。

现在如何通过角度获取这些数据？我试过$http.get，但我想我搞砸了……我是角度和节点的新手，所以如果有人可以向我解释，我会很高兴。

【问题讨论】：

你可以用$http.get发布你的尝试，我们可以解决

@Abdoutelb $http.get("/logs/chat") .then(function(response) $scope.msgs = response.data; );

这个网址无效，如果返回正确的数据，您可以尝试将工作网址放入浏览器中，将其放入$http.get

@Abdoutelb 我一直在收到Cannot read property 'get' of undefined。奇怪

@Abdoutelb 哦，该死的，我是，但只是在功能上......愚蠢的错误。感谢您的帮助！

【参考方案1】：

<div ng-app="myApp" ng-controller="myCtrl"> 


<p ng-repeat="item in myArray">item.id - item.name</p>



</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) 
    $http.get("service endpoint from nodejs")
    .then(function(response) 
        $scope.myArray = response.data;
    );
);
</script>