web-dev-qa-db-fra.com

Comment concevoir la barre de progression du cercle dans ionic 3?

comment créer une barre de progression circulaire dans ionic 3. je suis nouveau dans ionic. j'ai déjà essayé d'installer

npm install jquery-circle-progress

lien du package ici

il est parfaitement installé mais je ne sais pas comment l'utiliser en ionique? veuillez me guider.Merci à l'avance

Mise à jour: 

 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 {}
angulartypescriptionic-frameworkionic3
8
Jamal Ahmad

Mise à jour: 06-11-2017

Cela ne fonctionne pas avec la dernière version (1.2.0). Mais cela fonctionne bien avec npm install [email protected] --save.

Dépôt de git de travail :

Une autre La réponse est ici

Ancienne réponse:

Vous ne pouvez pas utiliser la barre de progression jquery mentionnée ci-dessus avec Ionic. doivent utiliser un module Angular pour cela.

Voici celui que vous pouvez utiliser.

Démo

Git Repo

enter image description here

Étapes: 

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

Après cela, vous devez importer le RoundProgressModule dans votre module comme indiqué ci-dessous:

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

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

Mise à jour: 

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

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

           export class ProfilePageModule {}
10
Sampath