wie navigieren einer route auf eine andere, im Winkel 2

Ich zwei verschiedene Komponente der Winkelgeschwindigkeit 2 .Ich bin Lern-routing über diesen link
https://angular.io/docs/ts/latest/tutorial/toh-pt5.html

Ich mache zwei Komponenten .In der ersten Komponente habe ich einen button, den ich verschieben möchten, gehen Sie zur zweiten Komponente

hier ist mein code
https://plnkr.co/edit/GBOI9avZaPGaxaLQbtak

Definiere ich Strecken wie, dass

    const routes =[
      {
        path: 'ft',
        component: First
      },
      {
        path: 'sd',
        component: Second
      }
    ]

@NgModule({
  imports: [ BrowserModule ],
  declarations: [ App ],
  bootstrap: [ App,First ,Second]
})

Ich bin mit <router-outlet>

aber ich bin nicht in der Lage, sich zu bewegen einer Komponente zu einer anderen

InformationsquelleAutor user944513 | 2016-12-18

  1. 5

    Dort gehen Sie : 

    @Component({
  selector: 'first',
  template: `
    <div>
      <button (click)="moveToSecond()">move to secon comp</button>
    </div>
  `,
})
export class First {
  name:string;
  constructor(private router:Router) {
  }

  moveToSecond(){
    this.router.navigate(['/sd']);
  }
}

    https://plnkr.co/edit/wIuaffLskQd8GJuqLlY6?p=preview

    Sie hatte haufenweise Fehler 😀

    Sowieso , um die navigieren Sie zu einer anderen route , müssten Sie router verwenden,

    InformationsquelleAutor Milad

  2. 6

    Können Sie auch navigieren, die Schaltfläche selbst ohne Aufruf einer Komponente Funktion

    <button routerLink="/sd">move to secon comp</button>

    InformationsquelleAutor Nate May

Schreibe einen Kommentar