Javascript JSON和Angular
我在看其他关于将JSON导入angular应用程序的文章，但我似乎无法让它正常工作。 这是JSON的格式Javascript JSON和Angular,javascript,json,angularjs,Javascript,Json,Angularjs,我在看其他关于将JSON导入angular应用程序的文章，但我似乎无法让它正常工作。 这是JSON的格式 { "info": [ { "name" : "test", "age" : 26 } ] } 这是我对我的控制器的看法： var App = angular.module("App", []); App.controller('TestContro
{
"info": [
{
"name" : "test",
"age" : 26
}
]
}
var App = angular.module("App", []);
App.controller('TestController', function($scope, $http){
$scope.tests = [];
$http.get('test.json')
.then(function(res){
$scope.tests = res.data;
});
});
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.js"></script>
<script src="./javascripts/application.js" type="text/javascript"></script>
</head>
<body ng-app="App">
<div ng-controller="TestController">
<div ng-repeat="test in tests">
<h1 >{{test.name}}</h1>
<h2 >{{test.age}}</h2>
</div>
</div>
</body>
{{test.name}
{{test.age}
在浏览器中打开html文件时，数据不会呈现。相反，我得到的是花括号中写的内容。$http.get对您指定的URL进行ajax调用。它应该托管在适当的web服务器上（例如node.js）。您的方式是无法从test.json获得响应，因为它没有得到正确的服务。$http.get对您指定的URL进行ajax调用。它应该托管在适当的web服务器上（例如node.js）。您的方式是，无法从test.json获得响应，因为它没有得到正确的服务。通常花括号表示存在js错误，angular没有运行。该错误说明了什么？未捕获的错误：[$injector:modulerr]…gleapis.com%2Fajax%2Flibs%2angularjs%2F1.3.16%2Fangularjs%2Fangular.min.js%3A17%3A381）很难从中看出错误……但这里有一个可行的办法：如果缩小控制器，这也会因为依赖项注入而导致问题（您需要传入一个数组，其中包含注入的字符串名称以及控制器函数的参数，或者使用Angular的$inject服务）。您是在收到错误之前缩小了还是不管发生了错误？通常，大括号表示存在js错误且angular未运行。该错误说明了什么？未捕获错误：[$injector:modulerr]…gleapis.com%2Fajax%2Flibs%2fagularjs%2F1.3.16%2fagularjs.min.js%3A17%3A381）很难从中找出错误……但这里有一个可行的办法：你想要
res.data.infores.data.info