Javascript 为什么angularJS不绑定数据？

我正在从

Employee

表中获取最高工资。JSON正确检索数据，但为什么angular不绑定数据？

Controller.js

app.controller('AdminCntrl', function ($scope, AdminServices) {
    $scope.BtnSubmit = function () {
        alert('ok1')
        var Bust = AdminServices.Getmax();

        Bust.then(function (d) {
            $scope.Emp = d.data;

            })
        }
})

app.service('AdminServices', function ($http) {

    this.Getmax = function () {
        var ss = $http({
            url: '/Department/Max',
            method: 'Get',
            data:JSON.stringify(),
            content:{'content-type' : 'application/Json'}
        })
        return ss;
    }
})

public JsonResult Max()
        {
               var xxx = db.Employees.OrderByDescending(ww => ww.Salary).First();
            return new JsonResult { Data = xxx, JsonRequestBehavior = JsonRequestBehavior.AllowGet };
        }

<div ng-controller="AdminCntrl">
        <input type="button" class="btn btn-primary btn-sm" value="Min" ng-click="BtnSubmit()" />

        <div ng-repeat="Accessor in Emp">
            {{Accessor.Id}}
            <span style="color:red">{{Accessor.Name}}</span>
        </div>
    </div>

Service.js

app.controller('AdminCntrl', function ($scope, AdminServices) {
    $scope.BtnSubmit = function () {
        alert('ok1')
        var Bust = AdminServices.Getmax();

        Bust.then(function (d) {
            $scope.Emp = d.data;

            })
        }
})

app.service('AdminServices', function ($http) {

    this.Getmax = function () {
        var ss = $http({
            url: '/Department/Max',
            method: 'Get',
            data:JSON.stringify(),
            content:{'content-type' : 'application/Json'}
        })
        return ss;
    }
})

public JsonResult Max()
        {
               var xxx = db.Employees.OrderByDescending(ww => ww.Salary).First();
            return new JsonResult { Data = xxx, JsonRequestBehavior = JsonRequestBehavior.AllowGet };
        }

<div ng-controller="AdminCntrl">
        <input type="button" class="btn btn-primary btn-sm" value="Min" ng-click="BtnSubmit()" />

        <div ng-repeat="Accessor in Emp">
            {{Accessor.Id}}
            <span style="color:red">{{Accessor.Name}}</span>
        </div>
    </div>

控制器

app.controller('AdminCntrl', function ($scope, AdminServices) {
    $scope.BtnSubmit = function () {
        alert('ok1')
        var Bust = AdminServices.Getmax();

        Bust.then(function (d) {
            $scope.Emp = d.data;

            })
        }
})

app.service('AdminServices', function ($http) {

    this.Getmax = function () {
        var ss = $http({
            url: '/Department/Max',
            method: 'Get',
            data:JSON.stringify(),
            content:{'content-type' : 'application/Json'}
        })
        return ss;
    }
})

public JsonResult Max()
        {
               var xxx = db.Employees.OrderByDescending(ww => ww.Salary).First();
            return new JsonResult { Data = xxx, JsonRequestBehavior = JsonRequestBehavior.AllowGet };
        }

<div ng-controller="AdminCntrl">
        <input type="button" class="btn btn-primary btn-sm" value="Min" ng-click="BtnSubmit()" />

        <div ng-repeat="Accessor in Emp">
            {{Accessor.Id}}
            <span style="color:red">{{Accessor.Name}}</span>
        </div>
    </div>

Emp.cshtml

app.controller('AdminCntrl', function ($scope, AdminServices) {
    $scope.BtnSubmit = function () {
        alert('ok1')
        var Bust = AdminServices.Getmax();

        Bust.then(function (d) {
            $scope.Emp = d.data;

            })
        }
})

app.service('AdminServices', function ($http) {

    this.Getmax = function () {
        var ss = $http({
            url: '/Department/Max',
            method: 'Get',
            data:JSON.stringify(),
            content:{'content-type' : 'application/Json'}
        })
        return ss;
    }
})

public JsonResult Max()
        {
               var xxx = db.Employees.OrderByDescending(ww => ww.Salary).First();
            return new JsonResult { Data = xxx, JsonRequestBehavior = JsonRequestBehavior.AllowGet };
        }

<div ng-controller="AdminCntrl">
        <input type="button" class="btn btn-primary btn-sm" value="Min" ng-click="BtnSubmit()" />

        <div ng-repeat="Accessor in Emp">
            {{Accessor.Id}}
            <span style="color:red">{{Accessor.Name}}</span>
        </div>
    </div>

---

$scope.Emp

的值是否等于您的Fiddler数据

您似乎没有返回ng repeat所期望的数组。我敢打赌，如果您的Fiddler数据表示为数组：

[{"Id":11,"Name":"Saleem","Department":"Oracle","Salary":100000.00,"EmpType":"Admin","DataofJoin":"\/Date(1462127400000)\/","DataofBirth":"\/Date(597868200000)\/"}] 

你会看到它绑定在一起

或者，如果您真的不希望使用数组，那么如果替换

<div ng-repeat="Accessor in Emp">
     {{Accessor.Id}}
     <span style="color:red">{{Accessor.Name}}</span>
</div>

{{Accessor.Id}
{{Accessor.Name}

与：

{{Emp.Id}
{{Emp.Name}

---

您将获得一些成功

$scope.Emp

的值是否等于您的Fiddler数据

您似乎没有返回ng repeat所期望的数组。我敢打赌，如果您的Fiddler数据表示为数组：

[{"Id":11,"Name":"Saleem","Department":"Oracle","Salary":100000.00,"EmpType":"Admin","DataofJoin":"\/Date(1462127400000)\/","DataofBirth":"\/Date(597868200000)\/"}] 

你会看到它绑定在一起

或者，如果您真的不希望使用数组，那么如果替换

<div ng-repeat="Accessor in Emp">
     {{Accessor.Id}}
     <span style="color:red">{{Accessor.Name}}</span>
</div>

{{Accessor.Id}
{{Accessor.Name}

与：

{{Emp.Id}
{{Emp.Name}

---

你会有一些成功的

非常感谢你，布拉德先生，但是你能不能不经过吴先生的回答就告诉我它的工作如何我不确定我是否理解你的问题“你能不经过吴先生的回答就告诉我它的工作如何？”我的意思是ng repeat作为一个foreach循环工作，通过它我们将得到所有的记录，但在这里你没有使用任何重复，我的问题是什么？我是如何得到的ans@MdHohn，您正在控制器中使用

.First（）

，所以它没有返回数据属性上的列表。@GregórioKusowski由于控制器操作名为Max，我只希望返回一个结果，我也认为这是他的意图。非常感谢Brad先生，但是你能不必ng Repeat就告诉我它的工作情况吗？我不确定我是否理解你的问题“你能不ng Repeat就告诉我它的工作情况吗？”我的意思是ng repeat作为一个foreach循环工作，通过它我们将得到所有的记录，但在这里你没有使用任何重复，我的问题是什么？我是如何得到的ans@MdHohn，您正在控制器中使用

.First（）

，所以它没有返回数据属性上的列表。@GregórioKusowski由于控制器操作名为Max，我只希望返回一个结果，我认为这也是他的意图。