Как отправить данные с одной страницы на другую? с использованием ионных и угловых

Question

В проекте есть раздел вкладок, в котором у меня есть две страницы 1. страница рецепта 2. избранное

на странице рецептов есть список рецептов, и я добавил кнопку добавления значка в конце каждого списка,Как отправить список со страницы рецепта на избранную страницу, нажав кнопку добавления значка.

Пожалуйста, помогите мне

Ионный, угловой

Answer 1

Наиболее распространенным решением в этом случае является вызов услуг. Вы звоните в службу, чтобы сохранить нужные данные, а затем вызываете их на другой странице. Если у вас есть какие-либо сомнения относительно того, как это сделать, и вы никогда не оказывали услуги, не стесняйтесь спрашивать.

Answer 2

Есть два способа, которыми я знаю.

1. Использование сервисов. (Я предпочитаю это)

data.service.ts

import { Injectable } from '@angular/core';

@Injectable()
export class dataService {
    data: string;

    setData(data) {
        this.data = data;
    }

    getData(){
       return this.data;
    }
}

App.component.ts

import { Component } from '@angular/core';
import { dataService } from './server.service';

@Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
})
export class AppComponent {

  constructor(private dataService: dataService){}

  getData() {
      retrun this.dataService.getData();
  }

}

2) Использование NavController

this.navCtrl.push(HomePage, {
      data: userData
});

На домашней странице вы можете получить доступ к таким данным, как это

constructor(public navCtrl: NavController, public navParams: NavParams) {
    this.userData = navParams.get('data');
}

Answer 3

Если вы хотите отправить опцию с одной страницы на другую, это хороший способ.

Сначала вам нужно перечислить опции, а при выборе одной из них вы переходите на другую страницу

В index.html:

<ion-card *ngFor= "let elemento of resultado.list;  let i = index"></ion-card>

recipes.js:

this.navCtrl.push( FavoritePage,{op: i} );