Question

我正在尝试在Ionic应用程序上添加一个Circle Progress Bar。显示了进度条，但是当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

我通过设置懒惰来解决此问题：false

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

仅当renderOnClick属性设置为true时，“ ng-circle-progress”百分比属性才起作用

1 个答案: