Meanmenu обновляет страницу с помощью angular 7 вместо обычного маршрута

я использую среднее меню в своем угловом приложении, и оно работает нормально, но проблема в том, что когда я пытаюсь перейти со страницы на другую, она идет так, как я использую 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',
            });
        });