2017-12-17 3 views
0

This Reference Link 다음 Ionic 3 응용 프로그램에서 진행률 막대를 구현하려고했지만 다음 오류가 발생합니다. 튜토리얼에 표시된대로진행 막대가 이온 3에서 작동하지 않습니다

Runtime Error:Template parse errors: Can't bind to 'progress' since it isn't a known property of 'progress-bar'.1. If 'progress-bar' is an Angular component and it has 'progress' input, then verify that it is part of this module. 2. If 'progress-bar' 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. ("u, including the respective address and opening hours</p> </span><br> <progress-bar [ERROR ->][progress]=50></progress-bar> </ion-card-content> "): ng:///AppModule/[email protected]:22 'progress-bar' is not a known element: 1. If 'progress-bar' is an Angular component, then verify that it is part of this module. 2. If 'progress-bar' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("trooms near you, including the respective address and opening hours</p> </span><br> [ERROR ->]<progress-bar [progress]=50></progress-bar> </ion-card-content> "): ng:///AppModule/[email protected]:8

내가 이름 ProgressBarComponent와 구성 요소를 만든 TS 파일의 코드는 내가 동일한 코드가 보인다 오류를 알아낼 수 없습니까

import { Component, Input } from '@angular/core'; 

@Component({ 
    selector: 'progress-bar', 
    templateUrl: 'progress-bar.html' 
}) 
export class ProgressBarComponent { 

    @Input('progress') progress; 

    constructor() { 

    } 

} 

입니다 다른 사람들에게는 잘 작동하지만 나에게는 그렇지 않습니다.

답변

0

는 모듈 선언 내부 ProgressBarComponent, 이미 수행하지만이 작동하지

@NgModule({ 
    imports: [ 

    ], 
    declarations: [ 
     ProgressBarComponent 
    ] 
}) 
+0

, 나는 참조 링크에 표시된 단계를 수행 한 추가하지만 나를 위해하지 작업을 수행합니다. – OshoParth

+0

분명히 이것은 구성 요소를 등록하지 않는 문제입니다. 플 런커 또는 스택 블릿을 만들 수 있습니까? – Sajeetharan

+0

여기 링크를 이동합니다. https://plnkr.co/edit/YueuYLPVLMPE7WYhDK1I?p=catalogue – OshoParth

관련 문제