Вызов Web API через angularjs возвращает странный формат данных - PullRequest
0 голосов
/ 08 мая 2018

это мой первый пост, мои извинения, если я немного неортодоксален. Я тщательно искал эту проблему и нашел много на angularjs и web api, но я не могу найти ни одного поста, который отражает ту же проблему, что и я.

По сути, я создал веб-API вместе с базой данных, которая создается при сборке (проект веб-API MVC 5 в Visual Studio 2015). Я включил угловой контроллер, который вызывает веб-API и передает данные на мой взгляд. Я использую директиву ng-repeat, чтобы перебирать мои записи (всего 4 записи), но вместо этого, похоже, перебирает сам пакет (я могу ошибаться, используя здесь термин «пакет»). Конечно, это итерация более низкого уровня, дающая мне код успеха и еще много чего. Я попробовал много вариантов здесь, и не могу придумать ответ, я включил код. Пожалуйста, дайте мне знать, если у вас есть какие-либо предложения. Заранее спасибо!

Вот мой контроллер

(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")));

Вот мой взгляд index.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>

Этот код не возвращает данных, но дает мне 6 пустых строк. Однако следующее изменение в коде на мой взгляд проливает больше света:

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

Это изображение представления после выполнения кода.

Как видите, он возвращает данные в формате Json, но также возвращает некоторые другие вещи, с которыми я не совсем знаком. Любые идеи высоко ценится.

Вот изображение API, возвращенное в браузере.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...