如何在不重新加载Angular主页的情况下导航到页面

Question

我想通过单击<li>元素来导航到页面

<a routerLink='/search?query={{this.searchdata.query}}&start={{this.searchdata.start}}&rows={{this.searchdata.rows}}&mode=text'><li [class.active_view]="Display('all')" (click)="docClick()">All</li></a>

其中searchdata是变量。使用routerLink会将URL更改为

/search%3Fquery%3Dindia%26start%3D0%26rows%3D10%26fq%3Durl_file_ext_s%253A(png%252BOR%252Bjpeg%252BOR%252Bjpg%252BOR%252Bgif)%26mode%3Dtext

尽管使用href效果很好，但是整个页面都重新加载了，这是我所不希望的。如何在不重新加载整个页面的情况下导航到URL。