通过angularjs调用Web API返回奇怪的数据格式

这是我的第一篇帖子，如果我有点不正统，我道歉。我已经彻底搜索了这个问题，在angularjs和WebAPI上找到了很多，但是我找不到任何反映我遇到的相同问题的帖子

本质上，我创建了一个web api，以及一个在构建时播种的数据库（Visual Studio 2015中的MVC 5 web api项目）。我包括了一个Angle控制器，它调用web api，并将数据传递给我的视图。我使用ng repeat指令来遍历我的记录（总共4条记录），但它似乎在遍历数据包本身（我在这里使用术语“packet”可能是错误的）。当然，这是一个更低级的迭代，给了我一个成功的代码等等。我在这里尝试了许多变体，但没有找到答案，我已经包含了代码。如果你有任何建议，请告诉我。提前谢谢

这是我的控制器

(function(app) {

var AlphaController = function($scope, $http) {

    $http.get("/api/alpha/")
        .then(function (data) {
            $scope.message = "Seems in line...";
            $scope.alphas = data;
        });
};

app.controller("AlphaController", AlphaController);
}(angular.module("comasApp")));

这是我的视图索引.chtml

    @section scripts {
    <script src="~/Scripts/angular.js"></script>
    <script src="~/Client/Scripts/comasApp.js"></script>
    <script src="~/Client/Scripts/AlphaController.js"></script>
}

<div data-ng-app="comasApp">
    <div class="jumbotron">
        <h1>COMAS 1.0</h1>
        <p class="lead">Comas with an ng-splash</p>

    </div>
    <div ng-controller="AlphaController">

        <br />

        <table border="1">
            <tr ng-repeat="a in alphas">
                <td>Row Delimiter</td>
                <td>{{a.DcNumber}}</td>
            </tr>
        </table>
    </div>
</div>

@节脚本{
}
COMAS 1.0
ng飞溅的昏迷


行分隔符
{{a.DcNumber}

这段代码不返回数据，但给我6个空行。 然而，在我看来，对代码的以下更改更能说明问题：

<table border="1">
        <tr ng-repeat="a in alphas">
            <td>Row Delimiter</td>
            <td>{{a}}</td>
        </tr>
</table>

行分隔符
{{a}

如您所见，它确实返回Json格式的数据，但它也返回一些我不完全熟悉的其他内容。非常感谢您的任何想法

---

看起来响应正在返回数组，第一个元素是您想要的实际数据，请发布web API的整个响应。这正是发生的事情，我只是不确定为什么返回这个数组而不是原始json。我在浏览器中的api帖子底部添加了一个图像，这就是您所要求的吗？

然后

函数的第一个参数是响应不是数据，而是响应对象。它恰好有6个属性。您需要的是

data

属性

。然后（函数（响应）{$scope.alphas=response.data；}）波普·阿塞什和卢克，我的朋友们，他们工作得很有魅力！非常感谢，我觉得dum:）