我正在尝试从我制作的其余 api 中获取数据。 api返回数据但 Angular 无法加载它。我可以看到从开发者工具中的网络选项卡传递的数据。
HTML 代码:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<link href="Content/bootstrap.css" rel="stylesheet" />
<script src="Scripts/angular.js"></script>
<script src="Scripts/angular-resource.js"></script>
</head>
<body ng-app="productsApp">
<div ng-controller="productsController">
<table>
<tr ng-repeat="p in products">
<td>{{p.productName}}</td>
<td>{{p.productCode}}</td>
<td>{{p.releaseDate | date}}</td>
<td>{{p.price | currency}}</td>
</tr>
</table>
</div>
<script src="Scripts/App.js"></script>
<script src="Scripts/http.js"></script>
<script src="Scripts/service.js"></script>
</body>
</html>
服务.js
(function () {
angular.module("productService", ["ngResource"]).
factory("product", function ($resource) {
return $resource('http://localhost:55755/api/products/:id');
});
}());
App.js
var app = angular.module("productsApp", ["productService"]);
app.controller("productsController", function ($scope, product) {
$scope.products = product.query();
});
最佳答案
当 query()
返回一个 promise 时,您可以这样做。只需注入(inject)一个回调函数,该函数会在 promise 部分自动执行。
product.query(function (products) {
$scope.products = products;
});
>> fiddle demo
关于javascript - 其余Api返回数据但未显示在页面上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43306960/