Как мне использовать компонент Ionic 3 в моем app.html, который использует NavController?

Question

У меня есть компонент Ionic 3, который использует NavController:

constructor(public navCtrl: NavController) {}

Когда я использую этот компонент на лениво загруженных страницах, он отлично работает.Когда я использую тот же компонент в своей глобальной навигации, помещая его в мой файл app.html, я получаю эту ошибку:

Ошибка времени выполнения Не удается прочитать свойство 'children' из null

Эта ошибка исчезнет, ​​если я удалю navCtrl из конструктора.Что мне нужно делать по-другому?

Answer 1

Вы можете использовать взаимодействие с компонентами, чтобы использовать родительский NavController внутри дочернего компонента.https://angular.io/guide/component-interaction

// component.ts
@Input('nav') nav: NavController;


functionUsingNavCtrl() {
   this.nav.push('NewPage');
}

// app.html
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
<component [nav]="nav"></component>

// app.ts
@ViewChild(Nav) nav: Nav;