如何在离子3中设计圆形进度条？

Question

如何创建循环进度条在离子3。我是新的离子。我已经试过安装

npm install jquery-circle-progress

包链接在这里

它安装得很完美，但我搞不懂如何在离子中使用它呢？请提前指导me.Thanks

更新：

 import { NgModule } from '@angular/core';
 import { IonicPageModule } from 'ionic-angular';
 import { ProfilePage } from './profile';
 import { RoundProgressComponent } from 'angular-svg-round-progressbar'; 

       @NgModule({ 
           declarations: [ ProfilePage, ],
           imports: [IonicPageModule.forChild(ProfilePage), ], }) 

           export class ProfilePageModule {}

Answer 1

更新: 06-11-2017

这不适用于最新版本(1.2.0)。但它在npm install angular-svg-round-progressbar@1.1.1 --save上运行得很好。

工作git回购：

另一个答案在这里

旧答案：

您不能使用上面提到的jquery进度条，和Ionic.You必须为此使用一个角度模块。

这是你可以用的。

演示

Git Repo

​

​

步骤：

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

之后，您需要在您的RoundProgressModule中导入module，如下所示：

import {NgModule} from '@angular/core';
import {RoundProgressModule} from 'angular-svg-round-progressbar';

@NgModule({
  imports: [RoundProgressModule]
})
export class YourModule {};

更新：

import { RoundProgressComponent } from 'angular-svg-round-progressbar'; 

       @NgModule({ 
           declarations: [ ProfilePage, ],
           imports: [IonicPageModule.forChild(ProfilePage),
                     RoundProgressModule],
           }) 

           export class ProfilePageModule {}