在 spring boot+security+angularjs 中使用 angular-routing(ui-sref) 刷新页面答案

【问题标题】：Page refreshing using angular-routing(ui-sref) in spring boot+security+angularjs在 spring boot+security+angularjs 中使用 angular-routing(ui-sref) 刷新页面
【发布时间】：2016-10-27 00:34:24
【问题描述】：

在这里，我正在使用 spring-boot+security 应用程序中的角度路由。当我使用 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>

【问题讨论】：

标签： angularjs spring-security spring-boot angular-ui-router ui-sref

【解决方案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");
});

我希望这可以为您提供解决方案。

【讨论】：