AngularJS $ 범위 데이터에 아무 것도 표시되지 않습니다.

Question

submitform()은 데이터를 가져 오지 않습니다. Chrome 콘솔에 ReferenceError : $이 (가) 정의되어 있지 않습니다.. 코드에 이상이 있습니까?

var app = angular.module('app', []); 
 
    app.controller('testimonialController', function($scope, $http) { 
 
     $scope.formdata = {}; 
 
     $scope.submission = false; 
 
     $scope.submitform = function($scope, $http) { 
 
     $http({ 
 
      method: 'POST', 
 
      url: 'sendmail.php', 
 
      data: $.param($scope.formdata), // pass in data as strings 
 
      headers: { 
 
      'Content-Type': 'application/x-www-form-urlencoded' 
 
      } // set the headers so angular passing info as form data (not request payload) 
 
     }). 
 
     success(function() { 
 
      console.log("send successfuly"); 
 
     }). 
 
     error(function() { 
 
      console.log("It is failed"); 
 
     }); 
 
     }; 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div id="contact-form" ng-controller="testimonialController" ng-app="app"> 
 
    <h1 id="contact">Contact</h1> 
 
    <pre>Form data: {{formdata}}</pre> 
 
    <p>Take a look around the site, Do you have something in mind you would like to let me know .You can contact me by filling the form below or email hello@athimannil.com</p> 
 
    <form ng-submit="submitform()"> 
 
    <div class="form-wrap"> 
 
     <label for="name">Name</label> 
 
     <input type="text" name="name" ng-model="formdata.name" placeholder="Name" required> 
 
     <br> 
 

 
    </div> 
 
    <div class="form-wrap"> 
 
     <label for="email">Email</label> 
 
     <input type="email" name="email" ng-model="formdata.email" placeholder="Email" required> 
 
     <br> 
 

 
    </div> 
 
    <div class="form-wrap"> 
 
     <label for="comment">Message</label> 
 
     <br> 
 
     <textarea name="comment" id="comment" ng-model="formdata.comment" placeholder="Comment" cols="30" rows="10" required></textarea> 
 
     <br> 
 

 
    </div> 
 
    <input type="submit" name="submit" value="Send"> 
 
    </form> 
 
</div>

이 사용

$http({ 
    method : 'POST', 
    url  : 'sendmail.php', 
    data : $scope.formdata, // pass in data as strings 
    headers : { 'Content-Type': 'application/x-www-form-urlencoded' } // set the headers so angular passing info as form data (not request payload) 
}). 

Answer 1

data: $.param($scope.formdata)

이 줄은 jQuery의 $.param 방법을 사용하는 콘솔 메시지입니다.