angularjs使用http

时间:2016-02-06 06:48:40

标签: javascript angularjs json

我是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文件,当它运行时,它不起作用。

当我在谷歌推荐时,他们说的是server.js或安装node.js之类的东西。

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

任何帮助都将受到高度赞赏。

提前致谢。

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

拼写错误

$scope.countries=data;

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

更改为:

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