如何在angular-7的“ ng-circle-progress”中将“％”更改为“ Point”？

Question

我刚刚启动了一个基于角度的Web应用程序，该应用程序具有一个圆进度条，并且在本节中使用"ng-circle-progress"。我需要根据设计将"%"的单位更改为"point"，但是在整个插件中找不到实现此目的的任何选项。请检查下面提供的链接和代码，并为此找到解决方案。

“ ng-circle-progress”的链接-https://www.npmjs.com/package/ng-circle-progress

代码-----

<circle-progress 
  [percent]="60" 
  [titleFontSize]="40" 
  [showSubtitle]="false" 
  [showUnits]="false" 
  [outerStrokeColor]="'#707070'" 
  [innerStrokeColor]="'#D4D4D4'" 
  [radius]="100" 
  [backgroundPadding]="7" 
  [outerStrokeWidth]="5" 
  [space]="-5" 
  [innerStrokeWidth]="5" 
  [animation]="true" 
  [animationDuration]="1000">
</circle-progress>  

Answer 1

如我在文档中所见，通过保留[showSubtitle]="false" [showUnits]="false"

并通过添加带有回调功能的其他选项subtitleFormat可以满足您的要求。

对于subtitleFormat回调实现，您可以参考here

谢谢

Answer 2

ng-circle-progress具有一个名为units的属性，默认为'％'。

您可以直接更改。

<circle-progress 
  [units]="point"
  [showUnits]="true" 
  ...
  ...
  >
</circle-progress>  

Answer 3

对我来说，我必须在 ts 文件的选项中指定 units: "A"

并包含在我的 html 中的 [showUnits]="true" 中。