2017-09-24 3 views
1

Ich erhalte Fehler in Route in angular4Erste Fehler bei der Routenparameter in Winkel 4

Ich habe Hauptkomponente namens Kategorie, in dieser Kategorie Komponente I zwei weitere Komponenten namens Kategorie-add.component erstellt haben. ts und Kategorie-edit.component.ts

Verzeichnisstruktur: enter image description here

neue Kategorie Route hinzufügen funktioniert gut. aber Route bearbeiten funktioniert nicht.

Routen:

imports: [ 
    BrowserModule , FormsModule , HttpModule, RouterModule, FlashMessagesModule , 
    RouterModule.forRoot([ 
     { 
     path : 'category/edit/:id', 
     component : CategoryEditComponent 
     }, 
     { 
     path : 'category', 
     component: CategoryComponent 
    }, 
     { 
     path : 'category/add', 
     pathMatch: 'full', 
     component: CategoryAddComponent 
    }, 
    { 
     path : 'add-user', 
     component : AddUserComponent 
     }, 
     { 
     path : 'add-member', 
     component : AddMemberComponent 
     } 
    ]) 
    ], 
    providers: [], 

bearbeiten

auf den Link klicken, erhalte ich diese Fehlermeldung: Edit Button clicked Image ich für die Komponente keinen Anbieter haben so was soll ich tun?

Antwort

1

Es scheint, als ob Sie CategoryComponent innerhalb Konstruktor von class wie unten injiziert.

constructor(private categoryComponent: CategoryComponent) {} 

Sie sollten nicht injiziert werden Komponente als injizierbar. Erstellen Sie einen injizierbaren Service und verwenden Sie ihn als Service. Auch vor der Verwendung dieses Dienstes deklarieren Sie das gleiche in providers Metadaten-Option AppModule

+1

Ja, Sie haben Recht, das war das Problem. Problem gelöst. Danke –

+0

@RizwanSaleem Froh, Ihnen zu helfen, Danke :) –