Итак, Сэнди дал вам базовую формулу и способ ее использования в шаблоне с помощью {{}}.Теперь, если вы хотите переместить логику вычислений в ts:
// добавьте некоторую форму индекса в качестве аргумента функции:
<button ion-button (click)="clickedButton(1)"> Button 1, {{ clickPercentage1 }}% </button>
<button ion-button (click)="clickedButton(2)"> Button 2, {{ clickPercentage2 }}% </button>
// в файле ts есть метод clickedButton (index):
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
clickvalue1: number;
clickvalue2: number;
clickPercentage1: number;
clickPercentage2: number;
constructor(public navCtrl: NavController) {
this.clickvalue1 = 0;
this.clickvalue2 = 0;
this.clickPercentage1 = 0;
this.clickPercentage2 = 0;
}
ionViewDidLoad() {
console.log('ionViewDidLoad FrontPage');
}
Question() {
this.navCtrl.push(QuestionPage);
}
clickedButton(index) {
switch (index) {
case 1:
this.clickvalue1++;
this.clickPercentage1 = this.clickvalue1 / (this.clickvalue1 + this.clickvalue2) * 100;
this.clickPercentage2 = this.clickvalue2 / (this.clickvalue1 + this.clickvalue2) * 100;
break;
case 2:
this.clickvalue2++;
this.clickPercentage1 = this.clickvalue1 / (this.clickvalue1 + this.clickvalue2) * 100;
this.clickPercentage2 = this.clickvalue2 / (this.clickvalue1 + this.clickvalue2) * 100;
break;
}
}
}
Вот рабочий стекблиц: https://stackblitz.com/edit/ionic-vryoig