Ng-модель не обновляет значение в контроллере

Question

У меня есть форма, как это:

<form name="UserForm" class="form-horizontal" ng-submit="setUser()" > 

    <input id="firstname" name="firstname" type="text" placeholder="add a firstname.." class="form-control input-md" ng-model="user.firstname" required> 

     <button id="Submit" name="Submit" class="btn btn-primary" ng-click="showMessage = 'false'" ng-disabled="UserForm.$invalid">Save</button> 
    </form> 

и в моем контроллере:

customModule2.controller('UserController',function ($state, $stateParams, $location, $log,$http, $scope, userFactory , appSettings) { 

$scope.user = {}; 
$scope.setUser = function() { 
    if($scope.UserForm.$valid) { 
     userFactory.addUser($scope.user) 
      .success(function (data) { 
       console.log("controller set : " + this.user.firstname); 
       $scope.addMessage = data; 
       $log.log(''); 

      }) 
      .error(function (data, status) { 
       console.log("user firstname : " + $scope.user.firstname); 
      }); 
     $scope.UserForm.$setPristine(); 
    } 
}; 
)}; 

Теперь, когда я печатаю ПгвЬЫат я могу видеть, что это добавлено, но когда я проверяю консоль, значение в контроллере равно null.

Любая помощь будет

было оценено

EDIT:

У меня есть этот контроллер, и это почти тот же код и он работает хорошо:

customModule2.controller('ProjectController',function ($state, $stateParams, $location, $log,$http, $scope, projectFactory , appSettings) { 
    $scope.project = {}; 
    $scope.setProject = function() { 
    if($scope.ProjectForm.$valid) { 
     projectFactory.addProject($scope.project) 
      .success(function (data) { 
       $scope.addMessage = data; 
       console.log('here' + $scope.project.name); 
      }) 
      .error(function (data, status) { 
       $scope.addMessage = "Erreur lors de l'ajout : " + data + ' ' + status; 
       console.log('here'); 
       $log.log(data.error + '' + status); 
      }); 
     $scope.showMessage = true; 
     $scope.ProjectForm.$setPristine(); 
    } 
    }; 

Может быть $scope проблема?

Answer 1

Вероятно, функции success(...) и error(...) имеют разный объем (переменная $scope). Чтобы исправить это, вы можете кэшировать значение.

customModule2.controller('UserController',function ($state, $stateParams, $location, $log,$http, $scope, userFactory , appSettings) { 

    $scope.user = {}; 
    $scope.setUser = function() { 
     var firsName = $scope.user.firstname; 
     if($scope.UserForm.$valid) { 
      userFactory.addUser($scope.user) 
       .success(function (data) { 
        console.log("controller set : " + this.user.cin); 
        $scope.addMessage = data; 
        $log.log(''); 

       }) 
       .error(function (data, status) { 
        console.log("user firstname : " firstName); 
       }); 
      $scope.UserForm.$setPristine(); 
     } 
    }; 
)}; 

Answer 2

Вы должны попытаться напечатать в консоли имя пользователя с помощью:

console.log("controller set : ", $scope.user.firstname); 

конкатенации console.log("controller set : " + $scope.user.firstname) пытается превратить ваш user.firstname объект в строку.