Ionic2如何从子组件/模态更新Ion菜单项

Question

我跟随This example并且一切都很好，但现在我想更新使用以下内容初始化的菜单项：

this.pages = [
  { title: 'Getting Started', component: GettingStartedPage },
  { title: 'List', component: ListPage }
];

和

<ion-list>
  <button menuClose ion-item *ngFor="#p of pages" (click)="openPage(p)">
    {{p.title}}
  </button>
</ion-list>

但现在我在一个子组件中，我不再能够访问this.pages了。我怎么能这样做？

Answer 1

如果要在离子页面之间共享数据，请使用NavController。如果要将数据从父级传递给子级，请在子组件中声明@Input()变量。

这里有关于组件通信的angular2文档：https://angular.io/docs/ts/latest/cookbook/component-communication.html

关于使用NavController：http://ionicframework.com/docs/v2/api/components/nav/NavParams/

Answer 2

子组件然后可以将事件发送到父组件，以扩展@muetzerich所说的内容。