передача динамического значения в circleprogress

Question

мои component.ts выглядят как показано ниже

import { CircleProgressComponent, CircleProgressOptions } from 'ng-circle-progress';
percentValue: number;
this.percentValue = '90'

ниже мой compoment.html,

<circle-progress #circleProgress 
    [percent]="99" 
    [title]="options.title" 
    [units]="options.units">
</circle-progress>

хотите передать [процент] от привязки, как показано ниже

<circle-progress #circleProgress 
    [percent]="{percentValue}" 
    [title]="options.title" 
    [units]="options.units">
</circle-progress>

Но это дает ошибку и прекращает рендеринг страницы. Любая идея, как передать значение динамически

Answer 1

Ваше процентное значение имеет тип Number, и вы присваиваете ему строку.

Просто измените это на:

percentValue: number;
this.percentValue = 90 //Changed from '90' to 90

Также, как говорится в комментарии, измените HTML как

<circle-progress #circleProgress
      [percent]="percentValue"
      [title]="options.title"
      [units]="options.units">                  
</circle-progress>

Пожалуйста, дайте мне знать, если это решит проблему.