"ng-circle-progress" percent 属性仅在 renderOnClick 属性设置为 true 时有效

Question

我正在尝试在我的 Ionic 应用程序上添加一个圆形进度条。显示进度条，但当 renderOnClick 属性设置为 false 时，进度条不会自动转到 percent 值。它停留在 0%.

我已经尝试在 home.module.ts 文件中设置 renderOnClick 和 percent 的默认值并删除它们以查看是否这改变了一切，但不幸的是它并没有改变。

这是我在 home.page.html 中的圈子进度标签：

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

这里是我在 home.module.ts:

中的默认值

    NgCircleProgressModule.forRoot({
      // these are default values if not defined
      radius: 100,
      outerStrokeWidth: 16,
      innerStrokeWidth: 8,
      outerStrokeColor: "#78c000",
      innerStrokeColor: "#c7e596",
      animationDuration: 300,
      animation: false,
      responsive: true,
      renderOnClick: true
    })

当 renderOnClick 设置为 false 时，我希望进度条从 0% 变为 85%（或给出的任何百分比）。

但它保持在 0%。

Answer 1

我通过设置 lazy: false 解决了这个问题，即

NgCircleProgressModule.forRoot({
  // these are default values if not defined
  lazy : false
})

"ng-circle-progress" percent 属性仅在 renderOnClick 属性设置为 true 时有效

"ng-circle-progress" percent attribute only works when the renderOnClick attribute is set to true

javascript

typescript

ionic4