这是我使用的代码:
angular.module('ngApp', [])
.factory('authInterceptor', authInterceptor)
.constant('API', 'http://myserver.com/app/api')
.controller('task', taskData)
function taskData($scope, $http, API) {
$http.get( API + '/tasks' ).
success(function(data) {
$scope.mainTask = data;
console.log(data);
});
}
这是我的 HTML 文件:
<html>
<head>
<title>PCC ECAR App</title>
<link href="../app.css" rel="stylesheet" />
</head>
<body ng-app="ngApp" ng-controller="task" class="">
<div class="view1"> {{mainTask.Amount} </div>
<!-- Third Party Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
<!-- Main App Script -->
<script src="../app/app.js"></script>
</body>
</html>
这是来自 API 响应的控制台日志的屏幕截图:
发生的事情是，当您转到页面时，元素 view1 将显示 {{mainTask.Amount}} 半秒钟，然后消失，留下元素空白。我显然做错了什么。为什么我不能将数据加载到 HTML 中？
最佳答案
$scope.mainTask.tasks 是一个包含任务数据的数组。您可以在 View 中循环遍历它:
<ul>
<li ng-repeat="task in mainTask.tasks">{{task.Amount}}</li>
</ul>
关于javascript - angularJS - 无法将 API Json 响应数据加载到我的 HTML 文件中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38573941/