2017-11-02 101 views
7

Im czytać i zainstalować tę Angular SVG round progressbar dla mojego projektu jonowej, ale jej nie działa dla mnie,
https://github.com/crisbeto/angular-svg-round-progressbarkątowa SVG runda progressbar nie działa na jońskich

jak poprawnie dodane do tej strony? proszę mi pomóc rozwiązać ten problem wyświetlany ten błąd

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 

to suppress this message. 3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("

<round-progress [ERROR ->][current]="48" [max]="100"></round-progress> 
</ion-content> 

") 

Dzięki

moje strony dla IM dodaną 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' 
}); 
    } 

} 

Odpowiedz

2

Update: Trzeba korzystać ze starszej wersji, jak pokazano poniżej.Płyta obecna wersja ma problem, gdzie wspomniałem poniżej.

npm install [email protected] --save 

Working Git Repo is here

Wystarczy dodać go do modułu Twojej strony, jak pokazano poniżej.

home.module.ts

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

@NgModule({ 
    declarations: [ 
    HomePage, 
    ], 
    imports: [ 
    IonicPageModule.forChild(HomePage), 
    RoundProgressModule 
    ], 
}) 
export class HomePageModule { } 

Uwaga:

Wydaje się, że nowy problem z tym module.I zalogowaniu się. Musimy poczekać, aż dadzą rozwiązanie. Git issue is here.

+1

Zobacz ** Aktualizacja ** – Sampath

+0

sir Mam następujący błąd Błąd: Błędy analizy szablonu: ' Nie można powiązać z" bieżącym ", ponieważ nie jest on znaną właściwością 'round-progress'. 1. Jeśli "okrągły postęp" jest komponentem kątowym i ma "bieżący" sygnał wejściowy, to sprawdź, czy jest on częścią tego modułu. 2. Jeśli "okrągły postęp" jest składnikiem sieciowym, dodaj "CUSTOM_ELEMENTS_SCHEMA" do "@ NgModule.schemas" tego komponentu, aby pominąć ten komunikat. 3. Aby umożliwić dowolną właściwość, dodaj 'NO_ERRORS_SCHEMA' do '@ NgModule.schemas' tego komponentu. ("' – core114

+0

Czy możesz rozwidlić to repo?Działa to dobrze: https: //github.com/Sampath-Lokuge/svgapp – Sampath

1

Spróbuj w składniku dodać schemat modułu i sprawdzić

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

nie działa sir, po dodać nie można znaleźć nazwy 'CUSTOM_ELEMENTS_SCHEMA' – core114

+0

import {CUSTOM_ELEMENTS_SCHEMA} z„@ kątowe/core”dodać ten –

+0

' RoundProgressConfig' jest allays uzyskać kolor czerwony – core114