angular - PrimeNG PanelMenu 路由器链接问题

Question

我正在使用 PrimeNG (1.0.0-beta.5) PanelMenu 和 Angular RC 2.0.0-rc.1 版本

下面是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 面板菜单实现中遗漏了什么吗？

干杯桑凯特

Answer 1

我正在使用 primeng beta.6 版本，但仍然有这个问题。当我从菜单(不仅仅是路由器 socket 区域)导航时，整个页面都会刷新。

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' }
        ];
    }

我只想刷新 View 区域，不刷新菜单。这在 beta.6 中仍然是一个问题吗？