首页 文章

PrimeNG PanelMenu routerLink问题

提问于
浏览 次
2

我正在使用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元素时，它会正确调用各个组件而不刷新页面 .

<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

angular primeng

4 回答

  • -1
    回复于
  • 0

    我正在使用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的问题吗？

    回复于
  • 1

    另外，请看一下这里提供的解决方案 - https://stackoverflow.com/a/39000508/9943363 . 它对我有用 .

    解决方案：确保将RouterLink用作带有表示文件路径的字符串的数组 - routerLink：['\ test ']

    回复于
  • -1

    [multiple] =“false”有帮助

    <p-panelMenu [model]="menuItems" [multiple]="false"></p-panelMenu>

    回复于

相关问题