在离子页面上更改视图组件

Question

我对Angular2非常熟悉，并希望开始使用ionic2开发应用程序。我在概念上不太了解的是如何在Ionic中实现angular2 <router-outlet>之类的行为。

我想要做的基本上是创建一个页面，分成两个不同的视图，顶部的一个应该能够改变下半部分的视图。在Angular2中，我会采用以下方式：

main.html中：

<div class="top-part">
    <button id="btn1">
    <button id="btn2">
</div>
<div class="bottom-part">
    <router-outlet></router-outlet>
</div>

路线设置正确我可以通过按其中一个按钮来“交换”<router-outler>内的组件。

在研究过程中，我发现许多人似乎对Ionic导航非常感兴趣，但我无法找到离子风格的充分解决方案。