使用数字输入创建新元素

Question

我正在使用离子，我正在尝试创建一个函数，我可以使用另一个页面的数字输入作为变量来创建新元素。因此，输入号码在页面A上，我想使用该号码在页面B上创建新元素。有谁可以帮助我？谢谢！

Answer 1

我们在应用中做了类似的事情。我们通过问卷发送个人，该问卷是组件页面内的几张幻灯片。我们有一个支持整个问卷组件页面的类，并将第一页的值存储到该类中的变量中。然后，我们在后面的幻灯片中引用该变量来自定义体验。

遵循同样的想法，您可以使用服务/提供商（ionic generate provider MyModel）。然后使用该服务存储可以在各个页面中引用的值，方法是将提供程序注入到页面/组件构造函数中，如下所示：

@Component({
  ...
})
export class MyApp {

  constructor(
    public model: MyModelProvider) {
  }
}

https://forum.ionicframework.com/t/how-can-ionic-share-data-between-pages-or-componenets-with-ng-or-something-related-ionic2/59515/5

Answer 2

您可以使用NavController和NavParams在另一个页面上发送和获取数据。 https://ionicframework.com/docs/api/navigation/NavController/ https://ionicframework.com/docs/api/navigation/NavParams/

import { NavController, NavParams} from 'ionic-angular';

constructor(public navParams: NavParams, public navCtrl: NavController) {}

在您的页面A中，您可以在更改页面时发送变量

this.navCtrl.setRoot(RouteOfPageB,{
  variableName: variableData
});

在第B页中，您可以获得数据

this.navParams.get('variableName');

我希望能回答你的问题。