PrimeNG PanelMenu routerLink問題

我使用PrimeNG（1.0.0-beta.5）PanelMenu與角RC 2.0.0版本RC.1PrimeNG PanelMenu routerLink問題

下面是PrimeNG面板菜單的示例代碼。當我點擊Project或Welcome鏈接時，它會刷新整個頁面，然後加載相應的組件。

<p-panelMenu id="panelMenu"> 
    <div> 
     <div><a data-icon="fa-file-o"><span>Report</span></a></div> 
     <div> 
      <ul> 
       <li><a data-icon="fa-plus"><span>New</span></a> 
        <ul> 
         <li><a [routerLink]="['Project']" (click)="mobileMenuActive = false">Project</a></li> 
         <li><a [routerLink]="['Welcome']" (click)="mobileMenuActive = false">Welcome</a></li> 
        </ul> 
       </li> 
       <li><a [routerLink]="['Project']">Project</a></li> 
       <li><a><span>Quit</span></a></li> 
      </ul> 
     </div> 
    </div> 
</p-panelMenu>

每當我使用像下面的導航元素，它正確調用各個組件，而不刷新頁面。

<nav> 
      <div class='container-fluid'> 
       <ul class='nav navbar-nav'> 
        <li><a [routerLink]="['Welcome']">Home</a></li> 
        <li><a [routerLink]="['Project']">Product List</a></li> 
       </ul> 
      </div> 
</nav>

任何想法，我在primeNG面板菜單實施方案的思念？

乾杯 SANKET

來源

2016-05-13 Sanket

請試用beta7，新的menuitem api具有專用的routerLink屬性。 –

參考在黃金界這個線程 http://forum.primefaces.org/viewtopic.php?f=35&t=45504

來源

2016-05-19 08:09:07 Sanket

我使用primeng beta.6版本，仍然有這個問題。當我從菜單導航時（不僅僅是路由器插座區域），整個頁面刷新。

HTML：

<p-tabMenu class="ui-tabmenu" [model]="items"></p-tabMenu>

TS：

ngOnInit() { 
     this.items = [  
      { label: 'Notes', icon: 'fa-file-o', url: ['Page1'] }, 
      { label: 'Companies', icon: 'fa-edit', url: ['Page2'] }, 
      { label: 'Google', icon: 'fa-plus', url: 'http://www.google.com' } 
     ]; 
    }

我只想刷新視圖區域，而不是刷新菜單。這在beta.6中仍然存在問題嗎？

來源

2016-05-19 15:26:11

至今爲止，已經找到了解決這個問題的方法。而不是使用url，不得不使用命令來寫一個角度路由器。導航功能： {label：'Notes'，icon：'fa-file-o'，command：（click）=> {this.router.navigate （['Notes']）;}}， –

Beta7爲menuitem api提供了一個專用的routerLink屬性，如routerLink：url：['Page1'] –

PrimeNG PanelMenu routerLink問題

回答

相關問題