title: clear html form with angularjs
body: <p>I want to clear my input values in html form  when you press submit.
  the function is in the controller.
  i tried to do: $scope.name = "" or null (for every input) but its don't work.
  This is the html file:</p>
  
  <pre><code>    &lt;label for="messageName"&gt;Message Name:&lt;/label&gt;
      &lt;input type="text" ng-model="message.name"  name="message.name" required/&gt;
  
      &lt;label for="text"&gt;Text:&lt;/label&gt;
      &lt;input type="textarea" ng-model="message.text" name="message.text" required/&gt;
  
      &lt;label for="images"&gt;Images:&lt;/label&gt;
      &lt;input type="text" ng-model="message.images" name="message.images" required/&gt;
  
      &lt;label for="template"&gt;Template:&lt;/label&gt;
      &lt;input list="template" ng-model="message.template" name="message.template" required/&gt;
      &lt;datalist id="template"&gt;
          &lt;option value="template1"&gt;
          &lt;option value="template2"&gt;
          &lt;option value="template3"&gt;
      &lt;/datalist&gt;
  
      &lt;label for="millisecToShow"&gt;Millisec To Show:&lt;/label&gt;
      &lt;input type="number" min="1000" max="10000" ng-model="message.millisecToShow" name="message.millisecToShow" required/&gt;
  
      &lt;label for="timeFrame"&gt;Time Frame:&lt;/label&gt;
      &lt;label for="TimeStart"&gt;Start Time:&lt;/label&gt;
      &lt;input type="datetime-local" ng-model="message.startDateTime" name="message.startDateTime" required/&gt;
      &lt;label for="DateStart"&gt;End Time:&lt;/label&gt;
      &lt;input type="datetime-local" ng-model="message.endDateTime" name="message.endDateTime" required/&gt;
  
      &lt;label for="days"&gt;Days:&lt;/label&gt;&lt;br&gt;
      &lt;form&gt;
          &lt;input type="checkbox" ng-model="message.sunday" name="message.days" value="Sunday"&gt;Sunday&lt;br&gt;
          &lt;input type="checkbox" ng-model="message.monday" name="message.days" value="Monday"&gt;Monday&lt;br&gt; 
          &lt;input type="checkbox" ng-model="message.tuesday" name="message.days" value="Tuesday"&gt;Tuesday&lt;br&gt; 
          &lt;input type="checkbox" ng-model="message.wednesday" name="message.days" value="Wednesday"&gt;Wednesday&lt;br&gt; 
          &lt;input type="checkbox" ng-model="message.thursday" name="message.days" value="Thursday"&gt;Thursday&lt;br&gt; 
          &lt;input type="checkbox" ng-model="message.friday" name="message.days" value="Friday"&gt;Friday&lt;br&gt; 
          &lt;input type="checkbox" ng-model="message.saturday" name="message.days" value="Saturday"&gt;Saturday&lt;br&gt; 
      &lt;/form&gt;
  
      &lt;label for="screenId"&gt;Screen ID:&lt;/label&gt;
      &lt;input list="screenId" ng-model="message.screenId" name="message.screenId" required/&gt;
      &lt;datalist id="screenId"&gt;
          &lt;option value="screen1"&gt;
          &lt;option value="screen2"&gt;
          &lt;option value="screen3"&gt;
      &lt;/datalist&gt;
  
      &lt;button ng-click="createButton()"&gt;Create&lt;/button&gt;
  </code></pre>
  
  <p>And this is the controller:</p>
  
  <pre><code>angular.module('CreateCtrl', []).controller('CreateController', function($scope, superService) {
  
      $scope.createButton = function() {
          superService.insert($scope.message).then(function (result)
              if (result == "true") {
                  alert('Create successful');
                  $scope.tagline = 'Create successful';
                  return result.data;
              }
              else {
                  $scope.tagline = 'Cannot create message';
              }
          });
      };
  });
  </code></pre>
  
  <p>I want to remove the input after sending the file.
  thanks (:</p>