我正在尝试将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%。
有人可以告诉我为什么加载该应用程序时未显示此%吗?