MVC5 AngularJSデータがサービスからコントローラに渡されない

Question

こんにちは、MVC5でAngularJSで1つのアプリケーションを開発しています。私はデータベースからのIDに基づいてデータを取得しようとしています。私のサーバーサイドコードが正しく動作しています。 私は、angularJSコントローラのコントロールにデータをバインドする際に問題があると考えています。私はAngularJSの世界には初めてです。 これはこれまで私が試していることです。

<tr ng-repeat="usr in userList"> 
      <td> 
       {{usr.ID}} 
      </td> 
      <td> 
       {{usr.FNAME}} 
      </td> 
      <td> 
       {{usr.LNAME}} 
      </td> 
      <td> 
       {{usr.USERNAME}} 
      </td> 
      <td> 
       {{usr.JOINING_DATE}} 
      </td> 
      <td> 
       <input type="button" value="Edit User" span ng-click="editUser(usr)"/> 
       <span ng-click="editUser(usr)" class="btnRed">Delete</span> 
      </td> 
     </tr> 

これは私のservice.jsコードです。

this.getUser = function (ID) { 
     var response = $http({ 
      method: "post", 
      url: "CreateUser/getUserByNo", 
      params: { 
       id: JSON.stringify(ID) 
      } 
     }); 
     return response; 
    } 

これは私のangularJSコントローラのコードです。

$scope.editUser = function (usr) { 
     debugger; 
     var getData = CreateUserService.getUser(usr.ID); 
     getData.then(function (emp) { 
      $scope.usr = emp.data; 
      $scope.FNAME = usr.FNAME; 
      $scope.Lname = usr.Lname; 
      $scope.UserName = usr.UserName; 
      $scope.JoiningDate = usr.JoiningDate; 
     }, 
     function() { 
      alert('Error in getting records'); 
     }); 
    } 

データを下のテキストボックスにバインドしようとしています。

<input type="text" id="Fname" class="Fname" ng-model="Fname" /> 

私のデータは、以下のコードを使用してバインドされていません。 $ scope.FNAME = usr.FNAME;私は何かを間違ってやっているのか分かりますか？どうもありがとうございました。

Answer 1

ng-model="Fname"からng-model="FNAME"に変更してください。

おそらく、これはバインディングを行います。