Angular SVG圆形进度条不适用于Ionic
我阅读并安装了这个Angular SVG round progressbar用于我的离子项目，但它不适合我，
https://github.com/crisbeto/angular-svg-round-progressbar
如何正确添加这个我的网页？ 请帮我解决这个错误
Error: Template parse errors:
Can't bind to 'current' since it isn't a known property of 'round-progress'.
1. If 'round-progress' is an Angular component and it has 'current' input, then verify that it is part of this module.
2. If 'round-progress' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component
压制这个消息。 3.要允许任何属性将'NO_ERRORS_SCHEMA'添加到此组件的'@ NgModule.schemas'中。 （”
<round-progress [ERROR ->][current]="48" [max]="100"></round-progress>
</ion-content>
")
谢谢
我的网页添加了home.html
<round-progress
[current]="current"
[max]="max"
[color]="'#45ccce'"
[background]="'#eaeaea'"
[radius]="125"
[stroke]="20"
[semicircle]="true"
[rounded]="true"
[clockwise]="false"
[responsive]="false"
[duration]="800"
[animation]="'easeInOutQuart'"
[animationDelay]="0"
(onRender)="doSomethingWithCurrentValue($event)"></round-progress>
home.ts
import { Component,NgModule } from '@angular/core';
import {RoundProgressModule} from 'angular-svg-round-progressbar';
import { NavController } from 'ionic-angular';
@Component({
selector: 'page-home',
templateUrl: 'home.html',
})
@NgModule({
imports: [RoundProgressModule]
})
export class HomePage {
constructor(public navCtrl: NavController,private _config: RoundProgressConfig) {
_config.setDefaults({
color: '#f00',
background: '#0f0'
});
}
}
更新：您需要使用旧版本，如下所示。当前版本有一个问题，我在下面提到。
npm install angular-svg-round-progressbar@1.1.1 --save
工作Git Repo在这里
您只需将其添加到您的页面模块，如下所示。
home.module.ts
import {RoundProgressModule} from 'angular-svg-round-progressbar';
@NgModule({
declarations: [
HomePage,
],
imports: [
IonicPageModule.forChild(HomePage),
RoundProgressModule
],
})
export class HomePageModule { }
注意：
这个模块似乎有一个新问题，我已经记录下来。 我们必须等到他们给出解决方案。 Git问题在这里 。
尝试在模块组件中添加模式并检查
@NgModule({
imports: [RoundProgressModule],
schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
})