Angularjs - 在UI路由器新的佈局文件

Question

我的項目結構

js 
views 
-dashboard.html 
-inbox.html 
-messages.html 
-home.html 
includes 
-header.html 
-footer.html 
-aside.html 
index.html 
login.html 

所有我的意見是使用index.html作爲佈局文件，該文件包含<div ui-view></div>

$stateProvider 

      .state ('home', { 
       url: '/home', 
       templateUrl: 'views/home.html' 
      }) 
      .state ('inbox', { 
       url: '/inbox', 
       templateUrl: 'views/inbox.html' 
      }) 

我會喜歡使用login.html作爲我的登錄/註冊頁面的新佈局文件。我怎樣才能做到這一點？

Answer 1

你需要做的是創建嵌套狀態。

// For index pages 
.state ('index', { 

       templateUrl: 'index.html' 
      }) 
.state ('index.home', { 
       url: '/home', 
       templateUrl: 'views/home.html' 
      }) 


// For login 
.state ('login', { 

       templateUrl: 'login.html' 
      }) 
.state ('login.register', { 
       url: '/register', 
       templateUrl: 'views/register.html' 
      }) 

現在在index.html和login.html中都需要有。因爲它們都將爲不同的頁面集制定獨立的佈局。