Typescript Meanmenu使用角度7刷新页面，而不是通常的路线

我在angular应用程序中使用meanmenu，它工作正常，但问题是当我尝试从一个页面路由到另一个页面时，它会像我使用

href=“path”

而不是

routerlink

一样进行，因此页面会刷新

这就是我在HTML中使用它的方式

                   <!-- Main Menu Start -->
                   <div class="main-menu">
                       <nav>
                           <ul>
                               <li routerLinkActive="active"><a routerLink="/home">HOME</a></li>
                               <li class="menu-item-has-children"><a>Shop</a>
                                   <ul class="sub-menu">
                                       <li class="menu-item-has-children" routerLinkActive="active"><a
                                               routerLink="/product">Categories</a>
                                           <ul class="sub-menu">
                                               <li routerLinkActive="active" *ngFor="let category of categories">
                                                   <a [routerLink]="['/product/'+[category.name]]">{{category.name}}</a>
                                               </li>
                                           </ul>
                                       </li>
                                   </ul>
                               </li>

                               <li><a href="#">CONTACT</a></li>
                           </ul>
                       </nav>
                   </div><!-- Main Menu End -->
               </div>
               <div class="mobile-menu order-12 d-block d-lg-none col"></div>

这是我的Jquery

$(document).ready(() => {
            $('.main-menu nav').meanmenu({
                meanScreenWidth: '991',
                meanMenuContainer: '.mobile-menu',
                meanMenuClose: '<span class="menu-close"></span>',
                meanMenuOpen: '<span class="menu-bar"></span>',
                meanRevealPosition: 'right',
                meanMenuCloseSize: '0',
            });
        });

$（文档）.ready（（）=>{
$（'.main menu nav'）.meanmenu({
平均屏幕宽度：“991”，
meanMenuContainer:“.mobile menu”，
意思是：''，
我的意思是：，
平均位置：'对'，
meanMenuCloseSize:“0”，
});
});

发生这种情况的原因是MeanMenu复制目标的HTML内容，并将其插入nav.mean-nav元素。选中未缩小版本中的ShowMeans菜单功能

而不是

var meanMenuContents = jQuery(meanMenu).html();
jQuery('.mean-nav').html(meanMenuContents);

使用

注:

• 您还需要在选项中将onePage属性设置为true，以便在导航到新组件时菜单自动折叠
• 您还需要修改原始函数，以防页面加载后需要更改布局

在我的例子中，我必须将以下几行添加到原始函数中

jQuery(meanMenu).detach().appendTo('#original-nav');
jQuery('.sub-menu').css('display', 'block');
jQuery('.mean-expand').remove();

---

之所以会发生这种情况，是因为MeanMenu复制目标的HTML内容，并在其nav.mean-nav元素中插入内容。选中未缩小版本中的ShowMeans菜单功能

而不是

var meanMenuContents = jQuery(meanMenu).html();
jQuery('.mean-nav').html(meanMenuContents);

使用

注:

• 您还需要在选项中将onePage属性设置为true，以便在导航到新组件时菜单自动折叠
• 您还需要修改原始函数，以防页面加载后需要更改布局

在我的例子中，我必须将以下几行添加到原始函数中

jQuery(meanMenu).detach().appendTo('#original-nav');
jQuery('.sub-menu').css('display', 'block');
jQuery('.mean-expand').remove();