Angular2 UI路由器-ng2从控制器路由

时间:2016-07-08 10:32:02

标签: javascript angular routing angular-ui-router

所以我使用UI-Router ng2,我试图在函数发生后改变路由,我的代码看起来像这样:

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

使用HTML中的路由器很简单,使用uiSref但是,我不知道如何使用新的ng2路由器从组件内部路由,他们的文档没有多大帮助。

2 个答案:

答案 0 :(得分:4)

在组件中注入StateService

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

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

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

答案 1 :(得分:0)

你可以像这样使用它。我的例子是在Typescript

class SomeComponent {

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