Как передать данные модели в почтовый запрос?

Question

Как получить значение ng-модели и разместить его в запросе на отправку контроллера?

(function(angular) { 
    angular.module('urlShortener', ['ngAnimate']) 
     .controller('shortenerController', function($scope, $http){ 
      $scope.customMode = false; 
      $scope.passData = function passData(){ 
       $http.post('/add', {url: raw_url}) 
        .success(function(data, status, headers, config) { 
         // this callback will be called asynchronously 
         // when the response is available 
        }) 
        .error(function(data, status, headers, config) { 
         // called asynchronously if an error occurs 
         // or server returns response with an error status. 
        }); 
      } 
     }) 


})(window.angular); 

модель я использую:

<input ng-model="raw_url" type="text" placeholder="Paste your url here and we will shrink it!" class="form-control"/> 

Answer 1

Прочти из сферы: $scope.raw_url

От documentation:

директива ngModel связывает вход, выберите , textarea (или пользовательский контроль формы) для свойства в области с использованием NgModelController, который создается и отображается является директивой.

Answer 2

Вы почти там, для каждого нг-модели там должно быть обязательным в контроллере, который, кажется, не хватает в вашем случае. Вы можете сделать это следующим образом:

(function(angular) { 
    angular.module('urlShortener', ['ngAnimate']) 
     .controller('shortenerController', function($scope, $http){ 
      $scope.raw_url; //the binding 
      $scope.customMode = false; 
      $scope.passData = function passData(){ 
       $http.post('/add', {url: $scope.raw_url}) //raw_url to $scope.raw_url 
        .success(function(data, status, headers, config) { 
         // this callback will be called asynchronously 
         // when the response is available 
        }) 
        .error(function(data, status, headers, config) { 
         // called asynchronously if an error occurs 
         // or server returns response with an error status. 
        }); 
      } 
     }) 


})(window.angular); 

Однако, я хотел бы предложить оборачивать ваши почтовые запросы в службы/фабрикой которая является угловым способом делать вещи.

Answer 3

$http.post('/add', {url: raw_url}) в этой строке заменить raw_url с $scope.raw_url