$ http.get不加载JSON

时间:2014-08-22 15:00:11

标签: angularjs angularjs-ng-repeat

我无法加载JSON文件。没有错误。我被困了,有什么建议吗?

app.js:

app.controller('StoreController',['$http','$scope', function($http,$scope) {

    $http.get("data.json").success(function(response) {
        $scope.names = response;
    });

}]);

的index.html

<html ng-app= "App">
<head>

    <link rel="stylesheet" type="text/css" href="bootstrap.min.css" />

    <script type="text/javascript" src="angular.min.js"></script>

    <script type="text/javascript" src="app.js"></script>

</head>

<body ng-controller="MyController">

<div ng-repeat="item in names" style="border: solid 1px black; margin: 10px auto; padding: 5px; width: 500px;"  >

   <h3>{{item.Name}}    </h3>

   <p>{{item.Country}}</p>

</div>
 </body>

</html>

什么都没有显示出来。我该怎么办?

2 个答案:

答案 0 :(得分:1)

您是否在app.js中注册了模块应用程序?

var app = angular.module('App',[]);

答案 1 :(得分:0)

你必须在localhost根目录下运行它。像xampp/htdosc/path/to/your/file并在那里运行你的程序。