Как передать данные из app.component.ts на другую страницу в Ionic 3?

Question

Я опубликовал и событие с некоторыми данными json на странице входа в систему и подписал это событие в app.component.ts, и я его утешил, и он отображает данные json в выводе консоли, и теперь я хочу передать подписанные данные события (jsondata) на другую страницу в боковом меню, где он использует метод open (page) в app.component.ts

login.ts

this.events.publish('user:login', this.afterLoginObject);

app.component.ts

events.subscribe('user:login', (afterLoginObject) => {
  this.componentJSON = afterLoginObject;
  console.log(this.componentJSON);
});

openPage(page) {
this.nav.setRoot(page.component);

}

здесь я застрял ... Я хочу отправить подписанный объект json на другие страницы вместе с навигацией по страницам из метода бокового меню openPage ().так что я могу использовать тот же JSON через приложение во всем мире.Любые ответы, пожалуйста, спасибо заранее.

Answer 1

Вы можете отправить данные на определенную страницу, как показано ниже.

openPage(page) {

this.nav.setRoot(page.component, {'componentJSON' : this.componentJSON });
}

Вы можете получить componentJSON на другой странице, используя NavParams, как показано ниже.

constructor(private nav : NavParams) {

    let data = this.nav.get('componentJSON');
}

рабочий пример

Если вы хотите использовать componentJSON глобально внутри своего приложения, вы должны использовать Data Service. эта ссылка будет полезна для реализации Data Service.

Answer 2

Либо вы можете использовать для этого общую службу, либо вы можете передавать данные между компонентами с помощью генератора событий, @ input, @ output, @ viewchild, если они следуют родительско-дочерним отношениям.

Пожалуйста, обратитесь по ссылке ниже:

https://angularfirebase.com/lessons/sharing-data-between-angular-components-four-methods/