title: Reset Form After Angular $http success
body: <p>I am wondering how I can clear the contact object after a successful $http POST?  The code is erroring out at the <code>this.contact = {};</code> in the success callback.</p>
  
  <pre><code>angular.module('kbtApp')
    .controller('ContactFormCtrl', function ($scope, $http, toaster) {
          var that = this;
          this.status = false;
          this.contact = {
              'fullname': 'Jim Rainaldi',
              'email': 'jtrainali@gmail.com',
              'organization': 'Jamesrainaldi.com',
              'position': 'Web Guy',
              'message': 'This is just a test.'           
          };
          this.contact.isAjax = true;
  
          this.sendEmail = function(){
              var status = null;
              var statuss = $http({
                  url: "/scripts/php/sendEmail.php",
                  method: "POST",
                  data: this.contact
              }).success(function(data, status, headers, config) {
                  this.contact = {}; 
                  toaster.pop('success', "Success", 'Your message has been sent.', 7500, 'trustedHtml');
              }).error(function(data, status, headers, config) {
                  //$scope.status = status;
                  toaster.pop('error', "Error", 'Email failed to send.', 7500, 'trustedHtml');
              });
  
          };
  
    });
  </code></pre>