2016-03-04 112 views
-1

連結例如:http://goo.gl/jJBMZL角的js UI路由器嵌套視圖

這裏定義兩個狀態。 1.家,2.關於

家中有1個視圖viewA

大約有2次viewA和viewB但viewB爲約頁面的子部分。我想在about.html頁面內顯示viewB,而不是在索引頁面上顯示。這可能嗎。請提供一個plunkr鏈接謝謝。

是什麼,如果有不同意見的最佳做法,每個視圖有子狀態

+2

在[文檔](https://github.com/angular-ui/ui-router#nested-states--views) –

+0

中的字面意義上有一節不能理解它的複雜性。你可以在這裏給出一個簡單的答案 – Sam

回答

2

您可以包括你的網頁「關於子level.html」內部「about.html」使用NG-包括像作爲 -

<h1>I am about page</h1> 
<div ng-include="'about-sub-level.html'"> </div> 

修改路由像如下─

.state('about', { 
      url: "/about", 
      views: { 
       "viewA": { 
        templateUrl: "about.html" 
       } 
      } 
     }) 

希望這可以幫助你..

+0

好吧這個工程,但是有可能給狀態說about about.ub-about ...所以我不必給予ng-include。我的意思是關於頁面的嵌套狀態..我知道它的可能性,但它在文檔中很複雜。我無法得到。也請以這種方式演示 – Sam