angularjs使用http获取json

Question

我是angularjs的新手，

这是我的代码：

<!DOCTYPE HTML>
<html ng-app="myapp">
<head>
<meta charset="utf-8">
<title>Angularjs project</title>
<script type="text/javascript" src="angular.min.js"></script>
<script>
var myapp=angular.module('myapp',[]);
myapp.controller('myctrl', function ($scope,$http) {
$http.get('countries.json').success(function(data){
$scope.countries=data;
});
});
</script>
<body>
<div ng-controller="myctrl">
<table>
<tr>
<th>country</th>
<th>population</th>
</tr>
<tr ng-repeat="country in coutries">
<td>{{country.name}}</td>
<td>{{country.population}}</td>
</tr>
</table>
</div>
</body>
</html>

而且我有一个json文件，当它运行时，它不起作用。

当我在Google中提到时，他们说的是server.js或安装node.js之类的东西。

我只是感到困惑，我应该遵循什么，任何人都可以指导我获取json数据并显示。

任何帮助将不胜感激。

提前致谢。，

Answer 1

您必须包含angular.js脚本。 在您的代码中找不到它。 另外，countries.json文件的项目结构必须与上述html处于同一级别。

Answer 2

拼写错误

$scope.countries=data;

<tr ng-repeat="country in coutries">

改成：

<tr ng-repeat="country in countries">

angularjs使用http获取json

问题描述

2 个解决方案

解决方案1
0 2016-02-06 07:07:39

解决方案2
0 已采纳 2016-02-06 07:20:48

angularjs使用http获取json

问题描述

2 个解决方案

解决方案1 0 2016-02-06 07:07:39

解决方案2 0 已采纳 2016-02-06 07:20:48

解决方案1
0 2016-02-06 07:07:39

解决方案2
0 已采纳 2016-02-06 07:20:48