2017-09-30 3 views
0

Ich bin neu zu eckig und ich arbeite an eckigen 4 App und versuchen, von Modulkomponente zu Layoutkomponente zu navigieren, wenn Sie auf geklickt haben. aber navigiere nicht.Winkelroutenavigation, die nicht zu anderer Komponente umleitet

und ich sehe keine Fehlermeldung.

Ich habe viel Zeit auf Google verbracht, um dieses Problem zu lösen, aber ich kann nicht lösen.

unten ist der Code.

html:

 <div class="land-item" (click)="qualityrd()">  
     <h3>QAULITY</h3> 
     <i class="fa fa-thumbs-o-up" style="color:blue"></i> 
     <div class="over-item"> 

Komponente

 import { Component } from '@angular/core'; 
     import { Router ,ActivatedRoute} from '@angular/router' 

     @Component({ 
      selector: 'app-module-selector', 
      templateUrl: './module-selector.component.html', 
      styleUrls: ['../css/style.css','../css/responsive.css'] 
     }) 
     export class ModuleSelectorComponent { 

      constructor(
         private _router:Router,private route: ActivatedRoute ) { } 


      qualityrd():void 
      { 
      this._router.navigate(['/QualityLayout']); 
      } 

     } 

Layoutkomponenten

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

    @Component ({ 

     selector: 'my-app', 
     templateUrl:'./Layout.html', 
     styleUrls:['../css/footer.css'] 

    }) 
    export class LayoutComponent { 
     isIn = false; // store state 
     toggleState() { // click handler 
      let bool = this.isIn; 
      this.isIn = bool === false ? true : false; 
     } 
    } 

und schließlich meine app Modul

+0

Sie haben diese Frage 2 mal "this.router.navagate not working" gestellt und Ihren Code und Ihre Frage anders geändert. Wo ist Qualität in Ihrer Vorlage? "(click) =" qualityrd() ". Entschuldigung, ich sehe es. Ihr Code sollte funktionieren. –

Antwort

1

Unten ist ein Teilcode für meine app.module und es funktioniert.

providers: [CategoryService, SubCategoryService, FeaturedBrandService, 
    {provide: LocationStrategy, useClass: HashLocationStrategy} 
], 
bootstrap: [AppComponent] ** instead of Module Selector component 
}) 
export class AppModule { } 

Ihr Code sollte mit dieser Änderung funktionieren. Andernfalls müssen Sie möglicherweise Ihren Code aufschlüsseln (einige Ihrer Codes kommentieren), bis er zu QualityLayout weitergeleitet werden kann. Ich versuche nur zu helfen.

+0

Ich habe auch Router-Steckdose in AppComponent als Bootstrap für den ersten ... – user3301440

Verwandte Themen