AngularJS로 웹 API 바인딩하기

Question

저는 AngularJS와 Web Api에서 매우 새로 왔습니다. Web Api에서 메서드를 호출하는 각도 컨트롤러가 있습니다. 내 DOM에 데이터를 바인딩하려고하지만 그렇게하는 것을 초과하지는 않습니다. API는 단일 객체 1 개만 반환합니다.

각도 컨트롤러 :

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> 

을 뭐하는 거지? 당신이 생각하는 것 무엇을하지 않습니다 사업부에 NG 모델의

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

및

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

귀하의 사용 :

Answer 1

당신이해야 할 모든을 employeeNumber에 참조가 정확한지 확인하십시오. 이것은 기본적으로 입력 상자 값에 속성의 양방향 바인딩을 야기하는 입력과 같은 태그에 유용합니다. 따라서 참조를 수정하면 입력란을 변경하면 div의 값도 업데이트됩니다.

Angular는 항상 $ scope와 비교하여 {{EmployeeNumber}}가 $ scope.EmployeeNumber를 찾고 있는지 평가합니다. 각도는 매우 내결함성이 있기 때문에 오류가 발생하지 않으며 아무 것도 표시하지 않습니다.