URL中有index.html的angular-ui-router空白頁面

Question

我使用angular 1.1.5和ui-router。我的基於Spring的web應用程序可以在http://mydomain:8080/webapp/app/index.html

所有的資源文件都被加載，當角度引導主模塊時，URL更改爲http://mydomain:8080/webapp/app/index.html#/index.html，頁面爲空白。

UI的路由器配置爲

myapp 
     .config(function($stateProvider) { 
      $stateProvider 
        .state('layout', { 
         abstract : true, 
         views : { 
          "headerView" : { 
           templateUrl : 'partials/header.html', 
           controller : 'LoginController' 
          }, 
          "navigationView" : { 
           templateUrl : 'partials/navigation.html', 
           controller : 'NavigationController' 
          } 
         } 
        }) 
        .state(
          'layout.home', 
          { 
           url : "", // root route 
           views : { 
            "contentView@" : { 
             templateUrl : 'partials/content.html', 
             controller : function() { 
              console.log("Root URL"); 
             } 
            } 
           } 
          }); 

我試圖創建一個plunker顯示這個問題，但我沒有成功。

Answer 1

將url:'/'添加到基本抽象視圖。

.state('layout', { 
    abstract : true, 
    url:'/', 
    views : { 
     "headerView" : { 
      templateUrl : 'partials/header.html', 
      controller : 'LoginController' 
     }, 
     "navigationView" : { 
      templateUrl : 'partials/navigation.html', 
      controller : 'NavigationController' 
     } 
    } 
})