title: Clear Angularjs state.go parameters
body: <p>I am working on angularjs app. Its like CRUD app. Below is the app structure</p>
  
  <pre><code>Home (List)        =&gt; "/#!/"
  --- Details page   =&gt; "/#!/home/details/-KcXruMX3ia6rokeZjCJ"
  ----- Edit page    =&gt; "#!/home/edit/-KcXruMX3ia6rokeZjCJ"
  </code></pre>
  
  <p>After edit page I redirect user to details page with success message as below.</p>
  
  <pre><code>$scope.msg = {type : "success","msg" : "User Updated"};
  $state.go('home.details', { id : $scope.id, msg : $scope.msg });
  </code></pre>
  
  <p>Till this step it works fine, Problem is when I click on other user/item  and come to details page I still see that message. </p>
  
  <p>Below is my details controller</p>
  
  <pre><code>myApp.controller("detailsCtrl",[
          "$scope",
          "$stateParams",
      function(
          $scope, 
          $stateParams, 
      ){
      // msg variables receives its values from previous actions 
      $scope.msg = $stateParams.msg;
  
  }]);
  </code></pre>
  
  <p>How can I clear that message by using it once ?      </p>