如何调用 Angular JS HTTP GET？答案

【问题标题】：How do I call an Angular JS HTTP GET?如何调用 Angular JS HTTP GET？
【发布时间】：2019-05-02 23:15:00
【问题描述】：

我有一个实习，我需要使用 Angular JS HTTP，我想确保我可以让它工作。

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  $http.get("data.json")
});
</script>

<div ng-app="myApp" ng-controller="myCtrl"> 
  <li ng-repeat="name in Person">{{name.Name}}</li>
</div>

还有我的 JSON 文件

{
  "Name": "Daniel"
}

谢谢，

我不确定如何链接 JSON 文件的 url。

【问题讨论】：

您是否尝试过实际运行代码？这肯定是查看它是否有效的最简单方法......
How to use HTTP.GET in AngularJS correctly? In specific, for an external API call?的可能重复
启动一个提供data.json的服务器（最好是说http的）？
docs.angularjs.org/api/ng/service/$http#general-usage
建议重复的问题是大多数答案使用了已弃用的.success 和.then 方法，而使用.then 方法的答案是错误的。

标签： javascript angularjs ajax

【解决方案1】：

如果您的系统上有node.js，则启动http-服务器的一种简单方法是使用包http-server。下面是使用yarn 作为包管理器的示例。

yarn global add http-server
cd $TO_THE_DIRECTORY_CONTAINING_DATA.JSON
http-server .

然后你有data.json http://localhost:8080/data.json

【讨论】：