以上的解决方案对我都不起作用，我只是补充说

window.location.href = "www.google.com"
event.preventDefault();

这对我很管用。

或者试着使用

window.location.replace("www.google.com");

正如丹尼斯·斯莫雷克所说，解决办法非常简单。将window.location.href设置为你想要切换到的URL，它就可以工作了。

例如，如果你在组件的类文件(控制器)中有这个方法:

goCNN() {
    window.location.href='http://www.cnn.com/';
}

然后你可以很简单地在模板中的一个按钮(或任何东西)上调用它:

<button (click)="goCNN()">Go to CNN</button>

你可以用多种方式重定向:

like

window.location.href = 'redirect_url';

Angular文档的另一种方式:

从angular导入文档，文档必须被注入，否则你会得到错误

import { DOCUMENT  } from '@angular/common';
export class AppComponent {
     constructor(
       @Inject(DOCUMENT) private document: Document
    ) {}
   this.document.location.href = 'redirect_url';
}

你可以使用这个-> window.location.href = '…';

这将改变页面到任何你想要的。

我使用的是Angular 2 Location，因为我不想自己操作全局窗口对象。

https://angular.io/docs/ts/latest/api/common/index/Location-class.html !# prepareExternalUrl-anchor

可以这样做:

import {Component} from '@angular/core';
import {Location} from '@angular/common';
@Component({selector: 'app-component'})
class AppCmp {
  constructor(location: Location) {
    location.go('/foo');
  }
}

就像这样简单

window.location.href='http://www.google.com/';