如何在Ionic应用程序中定义ng-circle-progress组件的百分比选项?

时间:2019-08-08 14:25:01

标签: ionic-framework

我正在尝试将ng-circle-progress组件添加到离子应用程序中。

这是我的home.page.html

<ion-content>
  <circle-progress 
      [percent]="66"
      [radius]="100"
      [outerStrokeWidth]="16" 
      [innerStrokeWidth]="8"
      [outerStrokeColor]="'#78C000'"
      [innerStrokeColor]="'#C7E596'"
      [animation]="true" 
      [animationDuration]="300">
  </circle-progress>
</ion-content>

下面的代码在import中的home.module.ts语句中:

NgCircleProgressModule.forRoot({
      radius: 100,
      outerStrokeWidth: 16,
      innerStrokeWidth: 8,
      outerStrokeColor: '78C000',
      innerStrokeColor: '#C7E596',
      animationDuration: 300,
      animation: false,
      responsive: true,
      // renderOnClick: false
    })

出现进度条,但加载时进度显示为0%,而不是我在circle-progress中指定的66%。

但是,如果我单击circle-progress组件,则会显示66%。

有人可以告诉我为什么加载该应用程序时未显示此%吗?

0 个答案:

没有答案