Компонент ng-circle-progress работает только тогда, когда для свойства renderOnClick установлено значение true

Question

, когда я использую компонент ng-circle в моем веб-браузере, когда для свойства renderOnClick установлено значение false, создается впечатление, что процент компонента равен 0. Только если для этого свойства установлено значение true, оно загружается при щелчке по нему следует отдать имущество. Все остальные свойства работают нормально, включая предопределенные.

Это для ионного приложения, созданного с использованием самой последней ионной версии (5.2.1), cordova уже установлена ​​(9.0.0) и установлена ​​npm. Модификация функции forRoot не решает и не влияет на проблему

это мой звонок компоненту:

<circle-progress (click)="startTime()"
        [percent]="percent"
        [maxPercent]="100"
        [radius]="radius"
        [showTitle]="false"
        [showSubtitle]="false"
        [showUnits]="false"
        [outerStrokeWidth]="16"
        [outerStrokeColor]="'#239996'"
        [showZeroOuterStroke]="false"
        [backgroundStroke]="'#33003F'"
        [backgroundStrokeWidth]="3"
        [outerStrokeGradient]="true"
        [outerStrokeGradientStopColor]="'#FF00CB'"
        [showInnerStroke]="false"
    ></circle-progress>

где процент и радиус являются переменными в моем файле TS

и вот предварительное определение компонента:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { IonicModule } from '@ionic/angular';
import { FormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';

import { HomePage } from './home.page';
import { NgCircleProgressModule } from 'ng-circle-progress';


@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    RouterModule.forChild([
      {
        path: '',
        component: HomePage
      }
    ]),
    NgCircleProgressModule.forRoot({
      // set defaults here
      radius: 100,
      percent:85,
      outerStrokeWidth: 16,
      innerStrokeWidth: 8,
      outerStrokeColor: "#CC0000",
      innerStrokeColor: "#C7E596",
      animationDuration:300,
      animation:false,
      responsive:true,
      renderOnClick:false
    })
  ],
  declarations: [HomePage]
})
export class HomePageModule {}

Я хочу, чтобы компонент отображался в желаемом процентном соотношении, как только это изменится (для другого компонента или для него установлено значение, например, 85), но он отображает процент только в том случае, если свойство renderOnClick установлено на

Answer 1

Иногда обновление версии может быть причиной всего, что в проекте остановлено. Я также сталкиваюсь с этим уже несколько дней, и вот как я решил это, установив свойство lazy: false либо в forRoot, либо в html

NgCircleProgressModule.forRoot({
      ...
      lazy: false
    }),
    RouterModule.forChild(routes)
  ],

решение было найдено здесь https://github.com/bootsoon/ng-circle-progress/issues/85