0

這可能是一個簡單的答案,但我很難圍繞它圍繞我的大腦。我正在構建一個Angular儀表板,一旦登錄,用戶就可以瀏覽到/儀表板;我也有用於瀏覽儀表板的嵌套狀態。下面是我的國家是如何設置的(簡稱爲簡潔起見)刪除默認的UI路由器狀態,然後在AngularJS中嵌套狀態是激活的

app.js

.state('dashboard', { 
     url: '/dashboard', 
     templateUrl: 'views/dashboard.html' 
}) 
.state('dashboard.new', { 
     url: '/new', 
     templateUrl: 'views/dashboard.new.html' 
}); 

dashboard.html

<div page-header></div> 
<div dashboard-menu></div> 
<section> 
    <div class="container mt48"> 
     <div class="row"> 
      <div class="col-sm-12 text-center"> 
       <h4 class="uppercase mb16">This is the dashboard default page</h4> 

       <p class="lead mb64"> 
        FSed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut 
        odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. 
       </p> 
      </div> 
     </div> 
     </div> 
    </div> 
</section> 
<div ui-view></div> 

雖然沒有關於這個問題,我已經爲頁面標題和儀表板菜單創建了兩個指令(以防萬一你想知道那是什麼)

瀏覽器視圖:(編輯補充整個頭的另一截圖) enter image description here enter image description here

enter image description here

我想知道如何做的是當一個活動狀態被激活 - 在這個例子中,儀表板/新的,/儀表板頁面上的默認內容將不會顯示。

謝謝你看看 - 請問我什麼,因爲我知道我想問什麼,並希望我沒有混淆我做過。謝謝。

+0

整個視圖是不同的,還是隻是想隱藏一點點?如果你不需要實際的嵌套,你可能不需要嵌套視圖。或者,將標題位移到它自己的儀表板的嵌套視圖中。 – Jorg

+0

Jorg,我想我應該包括整個標題。我在圖像堆的頂部添加了另一個屏幕截圖。/dashboard菜單隻有在登錄後纔可以查看...儀表板中的所有其他菜單都將被嵌套。 –

+1

也許只是在/儀表板的默認文本,然後 – Jorg

回答

1

我認爲最快的方法是用ng-show隱藏默認文本。狀態可以由$state對象確定。另外,也許它可以通過路線本身的resolve功能注入。