綁定Web Api和AngularJS

我對AngularJS和Web Api非常新穎。我有角控制器，在Web Api中調用我的方法。我試圖將數據綁定到我的DOM，但我沒有超過這樣做。該Api只返回1個單個對象。綁定Web Api和AngularJS

角控制器：

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>

我在做什麼錯？

來源

2013-11-28 Gericke

[$ resource]（http://docs.angularjs.org/api/ngResource.$resource）可以幫助你解決這個問題。 – Kain

所有你需要做的是正確的你參考EmployeeNumber：

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

和

您使用的DIV NG-模式不會對你好像在想什麼。對於諸如輸入的標籤，默認情況下它會導致屬性與輸入框的值雙向綁定，這非常有用。所以一旦你糾正了你的引用，那麼對輸入框的改變也會更新你的div的值。

Angular始終評估相對於$範圍，所以{{EmployeeNumber}}正在查找$ scope.EmployeeNumber。由於角度非常容錯，它不會給你一個錯誤，它只是不顯示任何內容。

來源

2014-11-12 03:02:26

綁定Web Api和AngularJS

回答

相關問題