【问题标题】:Using AngularJS with ASP.NET MVC ng-repeat is empty in table使用 AngularJS 和 ASP.NET MVC ng-repeat 在表中为空
【发布时间】:2016-02-20 18:26:10
【问题描述】:

我有一个 HTML 表格如下:

   <div class="form-group" ng-controller="GetStudentController">
            <table class="table table-responsive table-bordered table-hover form-group">
                <thead>
                    <tr>
                        <td>
                            Student ID
                        </td>
                        <td>
                            Ime
                        </td>
                        <td>
                            Prezime
                        </td>
                    </tr>
                </thead>
                <tbody>
                    <tr data-ng-repeat="s in data track by $index">
                        <td>
                            {{s.StudentID}}
                        </td>
                        <td>
                            {{s.Ime}}
                        </td>
                        <td>
                            {{s.Prezime}}
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

我已经为我的实验设置了小角度模块/服务和控制器。作为后端服务,我使用 C#,作为前端,我使用 AngularJS 来获取我的数据并将其显示在视图上,如下所示:

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

app.service("GetStudentsService", function ($http) {
    this.getData = function ()
    {
        return $http({
            metod: "GET",
            url: "/Home/GetStudent"
        }).success(function (data) {
            return data;
        }).error(function () {
            alert("error");
            return null;
        });
    }
});
app.controller("GetStudentController", function ($scope, GetStudentsService) {
    $scope.data = null;
    GetStudentsService.getData().then(function (response) {
        $scope.data = response;
    });
});

这是我的服务:

  public JsonResult GetStudent()
        {
            return new JsonResult { Data = Connection.dc.Students.ToList(), JsonRequestBehavior = JsonRequestBehavior.AllowGet };
        }

Angular 可以获取数据,但它没有将其绑定在 {{}} 括号内...我已经在控制台中检查了错误迹象,但似乎没有任何问题...表格显示如下:

有谁知道为什么会这样?? :/

【问题讨论】:

    标签: javascript c# asp.net angularjs asp.net-mvc


    【解决方案1】:

    尝试关注

    $scope.data = response.data;
    

    【讨论】:

    • 它现在可以工作了,但是你能更具体地回答一下吗? $scope.data= 响应有什么区别?和 $scope.data = response.data??
    • 当您将 .success 与数据一起使用时,仅需要它,但如果您将 .success 与 4 个参数一起使用,例如 .success(function(data,status,header,config){}) ,您将获得数据直接
    猜你喜欢
    • 1970-01-01
    • 2019-08-26
    • 2014-10-19
    • 2012-10-10
    • 1970-01-01
    • 2014-08-18
    • 1970-01-01
    • 2016-02-16
    • 2023-03-04
    相关资源
    最近更新 更多