UI路由器AngularJs嵌套狀態和嵌套的觀點正確的方法

Question

這裏的回購：https://github.com/vipul-verma/LetsLearnAngular

這裏的實時取景：https://rawgit.com/vipul-verma/LetsLearnAngular/master/index.html

說明： 一個基本的模板。

首頁鏈接將加載partials/home.html。

關於鏈接將加載partials/about.html和partials/about-sublevel.html。

問題：

這裏分音/約-sublevel.html爲約頁面的子級，因此可以說其約約頁或嵌套視圖/狀態的一部分頁。但是如果你看到索引頁面，它有兩個視圖'viewA','viewB'。

'viewA'負載根據鏈路泛音/ home.html做爲或泛音/ about.html。

'viewB'僅當About鏈接被點擊時才加載partials/about-sublevel.html。

問：

有沒有一種方法來分離諧音/約-sublevel.html頁從指數頁面和負荷內about.html，所以我不必將標籤放在索引頁中作爲<div ui-view="viewB"></div>。

正確方法 「viewB」應該負荷內about.html自關於頁面的一部分，當我點擊有關鏈接都諧音/ about.html和諧音/約-分段。 html默認顯示。

什麼是正確的方法，在這種情況下的最佳做法。在app.js中將做什麼來實現這一點。請僅使用上面的git回購給出答案。請不要使用回購代碼中的虛擬答案。謝謝

Answer 1

我想我完全不明白你的問題，但最好的做法是每個州有1個模板。

下面是我如何與嵌套視圖的示例：

var root = "/app/Views/"; 

    $stateProvider 
     .state('/', { 
      url: '/', 
      templateUrl: root + 'Index.html' 
     }) 
     .state('pas', { 
      url: '/pas', 
      templateUrl: root + 'Index.html' 
     }) 

     .state('pas.calculate', { 
      url: '/calculate', 
      templateUrl: root + 'Calculate.html' 
     }) 
     .state('pas.calculate.form', { 
      url: '/form', 
      templateUrl: root + 'Calculate/Form.html' 
     }) 
     .state('pas.calculate.overview', { 
      url: '/overview', 
      templateUrl: root + 'Calculate/Overview.html' 
     }) 

     .state('pas.contact', { 
      url: '/contact', 
      templateUrl: root + 'Contact.html' 
     }) 

    $stateProvider 
     .state("otherwise", { 
      url: "*path", 
      templateUrl: root + "Index.html" 
     });