Создать новый элемент, используя числовой ввод

Question

Я использую ionic и пытаюсь создать функцию, в которой я могу использовать числовой ввод с другой страницы в качестве переменной для создания новых элементов. Таким образом, введенный номер указан на странице A, и я хочу использовать этот номер для создания новых элементов на странице B. Кто-нибудь может мне помочь? Спасибо!

Answer 1

Вы можете использовать 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');

Надеюсь, это ответит на ваш вопрос.

Answer 2

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

Следуя той же идее, вы можете использовать Service / Provider (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