crisbeto / angular-svg-round-progressbar

Angular module that uses SVG to create a circular progressbar
https://crisbeto.github.io/angular-svg-round-progressbar/
MIT License
741 stars 173 forks source link

[Angular 8.1.3] Error: Template parse errors: Can't bind to 'percent' since it isn't a known property of 'circle-progress'. #195

Closed bobajeff closed 4 years ago

bobajeff commented 4 years ago

I got this error when trying to use the round progress bar in Angular 8.1.3.

"Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'percent' since it isn't a known property of 'circle-progress'.
1. If 'circle-progress' is an Angular component and it has 'percent' input, then verify that it is part of this module.
2. If 'circle-progress' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
  <div class="ion-padding">
    <circle-progress
    [ERROR ->][percent]="85"
    [radius]="100"
    [outerStrokeWidth]="16"
"): ng:///HomePageModule/HomePage.html@4:4
Can't bind to 'radius' since it isn't a known property of 'circle-progress'.
1. If 'circle-progress' is an Angular component and it has 'radius' input, then verify that it is part of this module.
2. If 'circle-progress' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To al...
bobajeff commented 4 years ago

Opps, imported it in app.module.ts when I was supposed to import it in home.module.ts.