Question

该项目有一个选项卡部分，其中我有两个页面 1.食谱页面 2.最爱

在食谱页面中，它们是食谱列表，我在每个列表的末尾添加了添加图标按钮。如何通过单击添加图标按钮将列表从食谱页面发送到收藏夹页面。

请帮助我

离子的，有角的

Answer 1

如果要将选项从一个页面发送到另一页面，这是一个好方法。

首先，您必须列出选项，然后在选择一个选项时将其推到另一页

在index.html中：

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

recipes.js：

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

Answer 2

在这种情况下，最常用的解决方案是致电服务。您调用服务来存储所需的数据，然后在另一页上调用它。如果您对如何执行操作有任何疑问，并且从未进行过服务，请随时询问。

Answer 3

我知道两种方法。

使用服务。（我更喜欢这个）

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');
}

如何将数据从一页发送到另一页？使用离子和角度

3 个答案: