0
我想在執行路由而不是追加它時替換當前元素。例如我的代碼如下：angular 2替換當前元素
<router-outlet>
<div class="=row" style="height:30%"></div>
<div class="=row">
<a routerLink="search" routerLinkActive="active" class="btn btn-success btn-sm" style="width:90%;height:20%;margin-left:5%">
<span class="glyphicon glyphicon-search"></span> Search1
</a>
</div>
<div class="=row" style="height:30%"></div>
<div class="=row">
<button type="button" class="btn btn-success btn-sm" style="width:90%;height:20%;margin-left:5%">
<span class="glyphicon glyphicon-plus"></span> Search2
</button>
</div>
</router-outlet>
然而，它結束了類似下面的截圖： 
搜索文本是從SearchComponent的路由。我想要的是當我點擊搜索1，搜索1和搜索2即將離開，並由searchComponent加載的「測試搜索」文本取代。這就是爲什麼我把「route-outlet」標籤作爲父標籤。我希望它取代了整個機構。有人可以幫忙嗎？謝謝。