Asp.net mvc 4 用AngularJS绑定Web Api

我对AngularJS和Web Api非常陌生。我有一个角度控制器，它在Web Api中调用我的a方法。我试图将数据绑定到我的DOM，但我没有超出这个范围。Api只返回一个对象

角度控制器：

function adminManageUsersController($scope, $http) {
    $scope.data = [];

    $http.get("/api/adminapi?Id=2")
      .then(function (result) {
        //Success
        angular.copy(result.data, $scope.data);
        //$scope.data = angular.fromJson(result.data);
    },
       function () {
           //Error
       }
    );
};

HTML:

<div data-ng-controller="adminManageUsersController">
    <div class="form-horizontal" ng-model="data">
        <div class="form-group">
            <label class="control-label col-lg-3 col-md-4">Employee Number</label>
            <div class="col-lg-5 col-md-6">
               <input type="number" class="form-control" ng-model="EmployeeNumber" />
                <div>{{ EmployeeNumber }}</div>
            </div>
        </div>
    </div>
</div>

员工编号
{{EmployeeNumber}

---

我做错了什么？

您需要做的就是更正您对EmployeeNumber的引用：

<div>{{ data.EmployeeNumber }}</div>

{{data.EmployeeNumber}

及

你在div中使用的ng模型与你的想法不符。它对于标记（如输入）非常有用，默认情况下，它将导致属性与输入框的值的双向绑定。因此，更正引用后，对输入框的更改也会更新div中的值

Angular始终相对于$scope求值，因此{{EmployeeNumber}}正在查找$scope.EmployeeNumber。由于angular具有很强的容错性，因此它不会给您带来错误，只会不显示任何内容。

可以帮助您解决此问题。

<input type="number" class="form-control" ng-model="data.EmployeeNumber" />