MVC5 AngularJS-Daten werden nicht vom Dienst an den Controller übergeben

Question

Hallo Ich entwickle eine Anwendung in AngularJS mit MVC5. Ich versuche, Daten basierend auf ID aus der Datenbank zu erhalten. Mein serverseitiger Code funktioniert ordnungsgemäß. Ich finde Schwierigkeiten beim Binden von Daten an Steuerungen in angularJS-Controller. Ich bin neu in der Welt von AngularJS. Das ist was ich bisher versuche.

<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> 

Dies ist mein service.js-Code.

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

Dies ist mein angularJS-Controller-Code.

$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'); 
     }); 
    } 

Ich versuche, Daten an die folgenden Textfelder zu binden.

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

In AngularJS-Controller sind meine Daten nicht verbindlich unter Verwendung von unten Code. $ scope.FNAME = usr.FNAME; Darf ich eine Idee bekommen, wo ich etwas falsch mache? Vielen Dank.

Answer 1

Ändern Sie ng-model="Fname" zu ng-model="FNAME".

Wahrscheinlich wird dies die Bindung tun.