角度SVG圆形进度条不适用于Ionic

Question

我为我的离子项目阅读并安装此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>
")

谢谢

我的 IM 页面已添加到主页.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>

首页

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'
});
  }
}

Answer 1

更新：您需要使用如下所示的旧版本。当前版本有一个问题，我在下面提到过。

npm install angular-svg-round-progressbar@1.1.1 --save

工作 Git 存储库在这里

您只需要将其添加到页面的模块中，如下所示。

Home.module.ts

import {RoundProgressModule} from 'angular-svg-round-progressbar';
@NgModule({
  declarations: [
    HomePage,
  ],
  imports: [
    IonicPageModule.forChild(HomePage),
    RoundProgressModule
  ],
})
export class HomePageModule { }

注意：

这个模块似乎有一个新问题。我已经记录了它。我们必须等到他们给出解决方案。Git 问题就在这里。

Answer 2

尝试在模块组件中添加架构并检查

    @NgModule({
      imports: [RoundProgressModule],
schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
    })