来自Angular $ http请求的数据通过asp.net api无法访问DOM

时间:2018-02-15 14:36:49

标签: angularjs asp.net-web-api

所以我已经能够确认数据正在进入我的角度函数,但是我一直在试图将它带到DOM上。在开始创建我的全部内容之前,我正在做尽可能简单的事情。

我确定我错过了一些简单的东西,因为我是Angular的新手,而且肯定是通过asp.net api使用$ http。

(function () {
angular
    .module('appmodule')
    .controller('campaignservice', ['$scope', '$http', campaignservice])

function campaignservice($scope, $http) {
    $http.get("http://localhost:58291/api/campaigns").then(function (data) {
        $scope.campaigns = data;
    });
  };
})();

然后是html

<div>
<div ng-controller="campaignservice">
    <table class="table table-bordered">
        <thead>
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Pages </th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="campaign in campaigns">
                <td>{{campaign.Id}}</td>
                <td>{{campaign.Name}}</td>
                <td>{{campaign.Pages}}</td>
            </tr>
        </tbody>
    </table>
</div>

我的交易是什么?我的大脑在流血。

1 个答案:

答案 0 :(得分:1)

从评论的帮助中我只需要做出以下修改。

$scope.campaigns = data.data;