Ionic / Angular 2:在 NavController 中多次使用一个组件

Question

离子中是否有能力使用一个组件来显示每个级别中带有列表的分层数据并通过navController.push(theComponent)导航到它？

我有具有以下结构的 json 数据：

list
   field1
   sublist
      field1
      subsublist
         ...
   field1
   sublist
      field1
      subsublist
         ...

我用离子写了一个显示列表的组件。通过单击列表条目，我想显示具有相同组件的此条目的子列表。我试过这个：

@Component({
  templateUrl: 'template.html'
})
export class MyComponent {
    items = []; // Items of a level to be displayed
    constructor (public nav: NavController)
    {
    }
openItemClick(sublist) {
   this.items = sublist;
   this.nav.push(this); // This will be crash!!
 }
}

我成了Runtime error: Uncaught (in promise): false.不能使用组件的同一实例。此时是否有能力实例化新实例并在this.nav.push(newInstance)中使用它？

Answer 1

this是一个

实例，而你应该push一个类。我假设您最初像这样导航到您的列表：

this.nav.push(MyComponent, list);

所以你应该稍微改变一下你的方法：

openItemClick(sublist) {
    this.nav.push(MyComponent, sublist);
}