angular - Ionic 4 中的动态进度条？

Question

所以我正在尝试构建一个进度条，每次用户按下按钮时，进度条都会增加 +1%。

html

<ion-button *ngFor="let progress of progress" (click)="add(progress)">Progress</ion-button>
<ion-progress-bar value={{progress}} buffer={{buffer}}></ion-progress-bar>

组件文件

add(progress){
    this.progress = progress + 1;

  }

出于某种原因，该按钮未显示，但 Logcat 未显示任何错误。我做错了什么吗？

Answer 1

尝试

public progress = 1;
public increaseProgress(){
  this.progress = this.progress + 1; 
}

<ion-button (click)="increaseProgress()">Progress</ion-button>
<ion-progress-bar value={{progress}}></ion-progress-bar>