angular-svg-round-progressbar icon indicating copy to clipboard operation
angular-svg-round-progressbar copied to clipboard

How to change option values?

Open yavuzoktay opened this issue 4 years ago • 1 comments

Hello, How can I change the options given in the component (max, radius, color, background) without using html in typescript, javascript?

yavuzoktay avatar May 26 '20 07:05 yavuzoktay

Here's an example if you want to change the defaults for all progress circles: https://github.com/crisbeto/angular-svg-round-progressbar#configuring-the-default-values

Otherwise if you want to change it for a particular one, you can get a hold of the component using ViewChild:

class YourComponent {
  @ViewChild(RoundProgressComponent) progressCircle: RoundProgressComponent;

  ngAfterViewInit() {
    this.progressCircle.radius = 10;
  }
}

crisbeto avatar May 26 '20 08:05 crisbeto