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路由。我想要的是，当我单击search1、search1和Search2时，它们将消失，并被从searchComponent加载的“测试搜索”文本替换。这就是我将“route outlet”标记作为父标记的原因。我希望它能代替整个身体。有人能帮忙吗？谢谢。
这不是路由器出口的正确用法。它不应该有任何内容。相反，路由器会自动填充路由器出口，为您提供所需的结果

有关更多信息，请参阅文档：