title: Page refreshing using angular-routing(ui-sref) in spring boot+security+angularjs
body: <p>Here i'm working with angular-routing in spring-boot+security application. When I use ui-sref to access a state defined in $stateProvider, the whole page get refresh. How can I stop refreshing and just append the url and view the template?</p>
  
  <p>angularJS code:</p>
  
  <pre><code>myApp.config(function($stateProvider, $urlRouterProvider) {
    // $urlRouterProvider.otherwise('/');
     $stateProvider
      .state('hi', {
          url: '/hi/:id',
          reloadOnSearch : false,
          views :{
              "properties" : {
                  templateUrl: "views/properties.html",
                  controller : function($scope,$stateParams){
                      //alert("hi");
                  }
              }
          }
      });
  });
  </code></pre>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;div class="col-md-7" ui-sref="hi ({Id: 1})"&gt; 
         &lt;h5 class="widget-title smaller" &gt;{{id.name}}&lt;/h5&gt;
  &lt;/div&gt;
  </code></pre>