在spring boot+security+angularjs中使用角度路由(ui-sref)进行页面刷新

Question

在这里，我在spring-boot+安全应用程序中使用angular-routing。当我使用ui-sref访问$stateProvider中定义的状态时，整个页面都会刷新。如何才能停止刷新，只追加url并查看模板？

angularJS代码：

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");
                }
            }
        }
    });
});

HTML代码：

<div class="col-md-7" ui-sref="hi ({Id: 1})"> 
       <h5 class="widget-title smaller" >{{id.name}}</h5>
</div>

Answer 1

您不应该同时使用ngRoute和UI-router。以下是UI-router的示例代码：

repoApp.config(function($stateProvider, $urlRouterProvider) {

  $stateProvider
    .state('state1', {
      url: "/state1",
      templateUrl: "partials/state1.html",
      controller: 'YourCtrl'
    })

    .state('state2', {
      url: "/state2",
      templateUrl: "partials/state2.html",
      controller: 'YourOtherCtrl'
    });
    $urlRouterProvider.otherwise("/state1");
});

我希望这能给你提供解决方案。