Javascript RESTAPI返回数据，但它不会显示在页面上_Javascript_Asp.net_Angularjs_Asp.net Mvc_Asp.net Web Api

Javascript RESTAPI返回数据，但它不会显示在页面上

javascript asp.net angularjs asp.net-mvc asp.net-web-api

Javascript RESTAPI返回数据，但它不会显示在页面上,javascript,asp.net,angularjs,asp.net-mvc,asp.net-web-api,Javascript,Asp.net,Angularjs,Asp.net Mvc,Asp.net Web Api,我正在尝试从我制作的RESTAPI获取数据。api返回数据，但angular无法加载数据。我可以在开发人员工具中看到从网络选项卡传递的数据 HTML代码： <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> <link href="Content/bootstrap.css" rel="stylesheet

我正在尝试从我制作的RESTAPI获取数据。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>

App.js

var app = angular.module("productsApp", ["productService"]);

app.controller("productsController", function ($scope, product) {

    $scope.products = product.query();
});

虽然

query（）

返回一个承诺，但您可以这样做。只需插入一个回调函数，该函数将在承诺的部分自动执行

product.query(function (products) {
   $scope.products = products;
});

>>为什么将服务定义为模块-

productService

？更重要的是，你为什么不标出正确的答案呢？我在你的个人资料上看到9个问题，但你没有标出一个正确答案。我不知道如何标出正确答案。抱歉@这对你有用吗？您是否尝试过

console.log（产品）输出是什么？返回了一个json数组objects@ankurchavda很好，所以它应该适合你。什么不起作用？是的，它应该起作用。但是，数据没有显示在页面上。我在答案中添加了一个小提琴演示，效果很好。请将其与您的代码进行比较。
product.query(function (products) {
   $scope.products = products;
});