Ionic 3: увеличение количества элементов при нажатии кнопки

Question

Я хочу увеличить элемент на странице элемента, когда нажимаю кнопку на странице кнопки.

**** разные страницы ****

страница кнопки:

Страница товара:

Answer 1

в вашем .ts

export class yourPageClass{

  count: number = 0; //Here you'll initialize it just once and we'll access it in the function



  countup()
  {
    this.count++;  //instead of reinitializing, we are using already initialized variable
    console.log(JSON.stringify(this.count));
  }

в html файле

<button (click)="countup()">increase</button>
<ion-item>{{number}}</ion-item>

передаваемые значения

this.navCtrl.push(page2,{
item:count
});

доступ к этому количеству

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';


@IonicPage()
@Component({
  selector: 'page2',
  templateUrl: 'page2.html',
})
export class Page2 {
value:any;
constructor(public navCtrl: NavController, public navParams: NavParams) {
    this.value = navParams.get('item');
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad EmiCalPage');

  }

}

Answer 2

в вашем .html файле:

<button (click)="increase()">increase</button>
<ion-item>{{myNumber}}</ion-item>

в вашем файле .ts, определите это перед конструктором

myNumber: number = 0;

затем после конструктора напишите эту функцию:

increase(){
    this.myNumber+=1;
}