Angular 2 相当于 window.location.href？

Question

如何在Angular 2中导航到不同的URL ?我知道我们可以使用JavaScript的

window.location。Href = '…';

但这似乎是错误的，会导致页面刷新。我很确定Angular 2中应该会有一些功能，允许你在不刷新页面的情况下在url之间移动。我只是在文档中找不到。

提前感谢!

Answer 1

根据文档，你可以使用Router和它的navigate函数来改变当前状态，必要时还可以传递参数:

import {Component, ...} from 'angular2/angular2';
import {Router, ...} from 'angular2/router';
import {HomeCmp} from '../home/home';
@Component({
  selector: 'app',
  // params of your component here
})
@RouteConfig([
  { path: '/', component: HomeCmp, as: 'MyHome' },
  // your other states here
])
export class AppCmp {
  router: Router;
  constructor(router: Router) {
    this.router = router;
  }
  navigateToHome() {
    // for example, that's how we can navigate to our home route
    this.router.navigate(['./MyHome', {param: 3}]);
  }
}

这是官方文档的链接。

下面是seed项目的链接，里面有一个使用Router的好例子