2016-07-08 17 views
1

So ich die UI-Router NG2 verwende und ich versuche Route zu ändern, nachdem eine Funktion geschehen, scheint mein Code wie folgt aus:Angular2 UI-Router -ng2 vom Controller Routing

SomeFuncion() { 
    if(something){ 
     router.goto('/newRouteName'); 
    } 
} 

mit dem Router aus das HTML ist einfach mit dem UiSref, aber ich habe keine Ahnung, wie man von innerhalb der Komponente mit dem neuen ng2 Router routet, ihr Doc hat nicht viel geholfen.

Antwort

0

können Sie es so verwenden. Mein Beispiel ist in Maschinenschrift

class SomeComponent { 

    constructor(router: Router) { 
     if(something) router.navigate(['/SomeRoute']); 
    } 
} 
+0

was soll ich importieren, um es zu benutzen? für UiSref verwenden ich UIRouterDirectives importieren. Was sollte ich für die Aktion aus dem Konstruktor importieren –

+0

das ist eckig 2 Beispiel Ich werde die Antwort bearbeiten und Winkel 1 Beispiel – Kliment

+0

Ich glaube nicht, Sie verstanden, was ich meinte: P Ich arbeite in eckigen 2, nur suchen für den Import brauche ich, um ng2-uirouter state.go zu verwenden –

2

Injizieren Sie die StateService in Ihrer Komponente.

import { StateService } from "ui-router-ng2"; 

@Component({}) 
class MyComponent { 
    constructor(public stateService: StateService) {} 

    goSomewhere() { 
    this.stateService.go('somewhere'); 
    } 
}