Ionic framework angular 2中的抽象状态和多视图

我想将一个小原型从带有Angular 1.4.7的Ionic 1.1.1迁移到带有Angular 2.0.0-beta.1的Ionic 2。在我当前的原型中，我使用带有抽象状态和嵌套视图的角度

ui路由器

以下是视图
mystate.html
：

...
<ion-content scroll="false" class="mainPage">
    <div class="row">
        <div class="col col-33">
            <ion-nav-view name="left"></ion-nav-view>
        </div>      
        <div class="col col-67">
            <ion-nav-view name="right"></ion-nav-view>
        </div>
    </div>
</ion-content>
...

角度
ui路由器
允许以下功能：


一次加载两个不同的模板（例如，
mystate.home
）
独立加载嵌套视图（例如
mystate.leftA
和
mystate.rightA
）

所以我不知道如何用Angular2路由器实现这一点。有人能给我一个例子或提示如何继续吗。
这在ionic2上是可能的，但不需要你使用angular2的路由器，它仍在大量开发中

基本上，添加两个
ion nav
组件并设置它们的根就很容易了

<ion-content class="home">
  <ion-card style="height: 200px;">
    <ion-card-content>
      <ion-nav [root]="detail1"></ion-nav>
    </ion-card-content>
  </ion-card>

  <ion-card style="height: 200px;">
    <ion-card-content>
      <ion-nav [root]="detail2"></ion-nav>
    </ion-card-content>
  </ion-card>

</ion-content>

<ion-content class="home">
  <ion-card style="height: 200px;">
    <ion-card-content>
      <ion-nav [root]="detail1"></ion-nav>
    </ion-card-content>
  </ion-card>

  <ion-card style="height: 200px;">
    <ion-card-content>
      <ion-nav [root]="detail2"></ion-nav>
    </ion-card-content>
  </ion-card>

</ion-content>

import {Page} from 'ionic-framework/ionic';
import {Detail1Page} from '../detail-1/detail-1';
import {Detail2Page} from '../detail-2/detail-2';
@Page({
  templateUrl: 'build/pages/home/home.html',
})
export class HomePage {
  detail1 = Detail1Page;
  detail2 = Detail2Page;
  constructor() { }
}