如何将离子/成角度的路线固定到不同的页面?

时间:2019-05-14 14:00:44

标签: angular ionic-framework angular-ui-router ionic4

我一直在开发离子应用程序,并且有一个拆分的面板通道,该通道具有指向仪表板上许多不同页面的链接。登录页面后,它的仪表板/主页以及仪表板/消息等等。在url标签中,我可以导航到每个页面,但是当我单击拆分面板通道中的链接时,无论是仪表板/消息还是仪表板/主页,它都会返回到当前页面。在我的代码中,链接链接到应用导航的不同路线,但在投放时,所有链接都链接到当前路线。因此,如果我在主页中,即使在我从未告诉过的代码中,也将在代码中路由到消息路由的标记加载回主页。

仪表板

<ion-split-pane>
  <ion-menu contentId="content" menuId="main">
 <div class="header" [routerLink]="">
 <div class="img">
   <img src="https://timedotcom.files.wordpress.com/2019/04/katiebouman.jpg"/>
 </div>
 <div class="name">
   <p>Georges Tchianga</p>
 </div>
 <div class="arrow">
  <ion-icon name="arrow-forward"></ion-icon>
 </div>
 </div>
 <ion-content>
   <ion-list>
     <ion-menu-toggle auto-hide="false">
       <div class="menu_nav">
         <ul>
           <li><a [routerLink]='home'>Home</a></li>
           <li><a [routerLink]='messages'>Messages</a></li>
            <li><a [routerLink]='Payments'>Payments</a></li>
             <li><a [routerLink]='posted'>Posted Jobs</a></li>
         </ul>
       </div>
     </ion-menu-toggle>
   </ion-list>
 </ion-content>
  </ion-menu>
  <ion-router-outlet id="content" main>
  </ion-router-outlet>
</ion-split-pane>

<ion-toolbar>
    <ion-searchbar ></ion-searchbar>
  </ion-toolbar>


<ion-content padding>
  <ion-fab vertical="bottom" horizontal="end" slot="fixed">
      <ion-fab-button color="light">
        <ion-icon name="add"></ion-icon>
      </ion-fab-button>
    </ion-fab>
</ion-content>

就像主页一样,我还有许多其他页面。如上图所示,在仪表板拆分面板中,我具有指向不同路线的链接,但是当我运行运行时,它们都将更改并链接到我所在的当前页面。最近我见过的东西很奇怪

0 个答案:

没有答案