mdb angular navbar在移动视图中不起作用

我是新手mdbootstrap的角度，当我检查mdb-navbar它不工作意味着当我配置为routerLink代替href并尝试点击移动视图中的链接，链接打开但导航栏没有崩溃 . 有人可以帮我这个 .

还有另一个问题，比如当我尝试在服务页面中输入mdb角度滚动条并运行程序时，链接不起作用，因为它指向http://localhost:4200/#test1而不是http://localhost:4200/services#test1 .

请帮我解决这个问题 .

以下是代码

<!-- Links -->
 <ul class="navbar-nav mr-auto">
     <li class="nav-item ">
         <a class="nav-link waves-light" mdbRippleRadius routerLink="home">Home<span class="sr-only">(current)</span></a>
     </li>
     <li class="nav-item">
         <a class="nav-link waves-light" mdbRippleRadius routerLink="about">About Me</a>
     </li>
     <li class="nav-item">
        <a class="nav-link waves-light" mdbRippleRadius routerLink="services">Services</a>
    </li>
    <li class="nav-item">
        <a class="nav-link waves-light" mdbRippleRadius routerLink="contact">Contact US</a>
    </li>

 </ul>
 <!-- Links -->

 <!-- Search form -->
 <!---<form class="form-inline  waves-light" mdbRippleRadius>
     <input class="form-control mr-sm-2" type="text" placeholder="Search">
 </form>-->
 <div><i class="fa fa-user-circle-o" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;anu4looks@gmail.com<br>
    <i class="fa fa-mobile-phone" aria-hidden="true"></i>&nbsp; &nbsp;&nbsp;&nbsp;+91 9951877261</div>
angular twitter-bootstrap-3