无法从服务器响应（WebAPI）获得输出（AngularJS）

Question

我真的被卡住了。无法理解，为什么我无法输出服务器响应。

Values

Server response

的index.html的代码部分

<table class="table" ng-controller="FileListCtrl"> 
 
    <thead> 
 
    <tr> 
 
     <td>Less 10Mb</td> 
 
     <td>10Mb - 50Mb</td> 
 
     <td>More 100Mb</td> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>{{smallFiles}}</td> 
 
     <td>{{averageFiles}}</td> 
 
     <td>{{bigFiles}}</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

fileListCtrl.js

(function() 
 
{ 
 
    "use strict"; 
 
    angular 
 
     .module("fileManagement") 
 
     .controller("FileListCtrl", 
 
         ["fileResource", 
 
         FileListCtrl]); 
 

 
    function FileListCtrl(fileResource){ 
 
    fileResource.get(); 
 
    } 
 
} 
 
());

Answer 1

你必须指定数据，这是回来一个变量，当你的承诺得到解决。

例如：

function FileListCtrl(fileResource, $scope){ 
fileResource.get().then(function(responseData) { 
    $scope.smallFiles = responseData.smallFiles; 
    $scope.averageFiles = responseData.averageFiles; 
    $scope.bigFiles = responseData.bigFiles; 
}); 
}