2017-11-18 167 views
0

我在我的主(app.component.html)視圖中有兩段html - 一個用於導航到子頁面的按鈕的導航欄另一部分是顯示記錄表。當選擇表格的記錄時,我希望記錄的詳細信息頁面應顯示在路由器插座中,但表格應該消失。但詳細信息頁面顯示在表格下方,而我希望當應用程序路由到子頁面(詳細信息頁面)時,記錄表應該消失。任何幫助如何實現這一點,將不勝感激。角度 - 不想在路由視圖中顯示主視圖的一部分

這裏是我的代碼:

<div class="navbar bg-inverse"> 
    <div class="container"> 
     <a href="#" class="navbar-brand">Home</a> 
     <a routerLink="/general" routerLinkActive="active" class="navbar-brand">General</a> 
     <a routerLink="/financial" routerLinkActive="active" class="navbar-brand">Financial</a> 
     <a routerLink="/termsheet" routerLinkActive="active" class="navbar-brand">Term Sheet</a> 
     <a routerLink="/capitalization" routerLinkActive="active" class="navbar-brand">Capitalization</a> 
    </div> 
    </div> 



    <!--I don't want below section of the main displaying when routed to child page 
     <h1>table of records here</h1> 

     <router-outlet></router-outlet> 

感謝 yesp。

+0

可以請你分享你的route.ts文件嗎?我認爲你的問題是,你已經把你的記錄表放在路由器插座的上方。所以無論什麼路線,表格都會保留在那裏。如果您移動表格以記錄到另一個組件並將該組件作爲加載時的默認視圖,那麼我希望問題能夠得到解決。 –

回答

0

將表格部分放在單獨的組件中的想法看起來很有用,但從app.component.ts移動到dashboard.ts的分頁邏輯被破壞,並且點擊下一頁(轉到下一頁但立即在一秒鐘內它回到第1頁agian)現在不工作。無論如何,我會研究分頁問題,​​並回到董事會,以防問題依然存在。謝謝你的幫助!

謝謝 yesp