title: Show ! sign after # in url when i route in angularjs
body: <p>I am new to angularjs,i try a demo test for routing ,below is my codes</p>
  
  <p>app.js</p>
  
  <pre><code> var app=angular.module("tutorialApp",["ngRoute","tutorialCtrlModule"]);
  
   app.config(function($routeProvider){
   $routeProvider
          .when("/",{
              templateUrl:"views/tutorial.html",
      controller:"TutorialCtrl"
  })
  .when("/tutorialsecond",{
              templateUrl:"views/tutorialSecond.html",
      controller:"TutorialCtrl2"
  });
  });
  </code></pre>
  
  <p>tutorialCtrl.js</p>
  
  <pre><code>     angular.module("tutorialCtrlModule",[])
  
      .controller("TutorialCtrl",["$scope",function($scope){
              $scope.name = 'dipti';
              $scope.bindvalue = 2;
              $scope.timesTwo = function(){
                  $scope.bindvalue *=2;
              }                            
      }])
  
      .controller("TutorialCtrl2",["$scope",function($scope){
              $scope.name = 'Dipti';
      }]);
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;html ng-app="tutorialApp"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Tutorial App&lt;/title&gt;
      &lt;script 
    src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"&gt; 
      &lt;/script&gt;
      &lt;script src="lib/angular-route.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/app.js"&gt;&lt;/script&gt;
      &lt;script src="js/controllers/tutorialCtrl.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;div ng-view&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>this is my routing pages</p>
  
  <p>tutorial.html</p>
  
  <pre><code>    &lt;u&gt;&lt;h3&gt;Route Page&lt;/h3&gt;&lt;/u&gt;
          &lt;u&gt;Expression&lt;/u&gt;
          &lt;br&gt;
      {{ name }}
      &lt;br&gt;
      &lt;u&gt;Data Binding&lt;/u&gt;
      &lt;br&gt;
      &lt;label&gt;Name&lt;/label&gt;
      &lt;br&gt;
      &lt;input ng-model="name"&gt;
      &lt;br&gt;
      &lt;p&gt;My first expression: {{ 5 + 1 }}&lt;/p&gt;
  
      &lt;br&gt;   
      &lt;a href="#/tutorialsecond"&gt;Tutorial Second Page&lt;/a&gt;
  </code></pre>
  
  <p>When i load my project the default page tutorial.html will show,but ! sign will come in my url like <a href="http://localhost/Angular_demo/#!/" rel="nofollow noreferrer">http://localhost/Angular_demo/#!/</a>
  When i click on link in tutorial.html page for routing it not working and this url will show     <a href="http://localhost/Angular_demo/#!/#%2Ftutorialsecond.How" rel="nofollow noreferrer">http://localhost/Angular_demo/#!/#%2Ftutorialsecond.How</a> i will slove it.</p>