title: How to refresh view without refreshing page in an angularjs app
body: <p>I have a simple app that lists contact reports,
  in it i made a list view that fetches data from Mongolab.</p>
  
  <p>On that i also made an input form that makes a new contact report in the list when submitted</p>
  
  <p>the function i use in the controller is modelled from angular's example on their site :</p>
  
  <pre><code>app.factory('Contact',function($mongolabResource){
      return $mongolabResource('contacts');
  });
  
  function ContactCreateCtrl($scope,$location,Contact) {
  Contact.save(contact,function(){
          $location.path('/');
      });
  };
  </code></pre>
  
  <p>the $location.path() is the callback that reloads the page.</p>
  
  <p>how do i rewrite this so that when the data has been submitted ( .save() is successful ) the view reloads without the page reloading?</p>
  
  <p>i tried deleting and then redefining the array but doesnt seem to work :</p>
  
  <pre><code>Contact.save(contact,function(){
          delete $scope.contacts;
          $scope.contacts = Contact.query();
      });
  </code></pre>
  
  <p>i would like to implement this on the delete function as well. Can somebody point me to where i can learn this?</p>
  
  <p>Much thanks for any help</p>