Как исправить несколько ионного контента в моих приложениях Ionic 4

Question

Я создаю приложения для мониторинга, которые могут отображать процентное число. Приложения работают нормально, но после того, как я скомпилировал их в файл apk с помощью команды «ionic cordova run android», домашняя страница моих приложений делится на 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>