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>

想要通过绑定传递[percent]，如下所示

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

但是这会导致错误并停止呈现页面。任何想法如何动态传递价值

Answer 1

您的percentValue的类型为Number，并且您正在为其分配一个字符串。

只需将其更改为此：

let nextDay = day.add(1, 'days').format('YYYY-MM-DD');

for (let i = 0; i < days.length; i++) {
  if (day[i] === nextDay) {
    // next day is part of the array
    console.log(nextDay);
  } 
}

正如评论所建议的那样，将HTML更改为

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

请告诉我是否可以解决问题。

将动态值传递给circleprogress

1 个答案: