如何修复Ionic 4应用程序中的多个离子含量

时间:2019-04-09 17:31:31

标签: angular ionic-framework

我正在构建一个可以显示百分比数字的监视应用程序。这些应用程序运行良好,但是在我使用“ ionic cordova run android”命令将其编译为apk文件后,我的应用程序主页分为4个部分,每个部分的离子含量相同。我的html文件中只有一个离子含量代码。谁能帮我吗?

我使用离子4。

<ion-header>
  <ion-toolbar>
      <div>
    <ion-title>
      IoT Garbage Monitoring System
    </ion-title>
      </div>
  </ion-toolbar>
</ion-header>


<ion-content padding *ngFor="let item of todos">

      <circle-progress
      [percent]= item.bin1
      [radius]="100"
      [outerStrokeWidth]="16"
      [innerStrokeWidth]="8"
      [outerStrokeColor]="'#78C000'"
      [innerStrokeColor]="'#C7E596'"
      [animation]="true"
      [animationDuration]="0"
      [startFromZero]="false"
      [titleFontSize]="55"
      [unitsFontSize]="55"
      [showSubtitle]="true"
      [subtitle]="'bin1'"
  ></circle-progress>

</ion-content>

0 个答案:

没有答案