在你的组件中

import { Component } from '@angular/core';

@Component({
  ...
})
export class AppComponent {
  ...
  goToSpecificUrl(url): void {
    window.location.href=url;
  }

  gotoGoogle() : void {
    window.location.href='https://www.google.com';
  }
}

在你的component.html中

<button type="button" (click)="goToSpecificUrl('http://stackoverflow.com/')">Open URL</button>
<button type="button" (click)="gotoGoogle()">Open Google</button>

<li *ngFor="item of itemList" (click)="goToSpecificUrl(item.link)"> // (click) don't enable pointer when we hover so we should enable it by using css like: **cursor: pointer;**

有两种选择:

如果你想重定向在同一窗口/标签 gotoExternalDomain () { window.location.href = ' http://google.com/ ' ｝ 如果你想重定向到新标签 gotoExternalDomain () { (窗口).open(“http://google.com/”、“平等”); ｝

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

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

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

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

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

我使用window.location.href='http://external-url';

对我来说，重定向在Chrome中有效，但在Firefox中不起作用。 下面的代码解决了我的问题:

window.location.assign('http://external-url');

在撕掉我的头之后，解决方案只是将http://添加到href。

<a href="http://www.URL.com">Go somewhere</a>

我认为你需要à target="_blank"，这样你就可以使用window。开放:

gotoGoogle() : void {
     window.open("https://www.google.com", "_blank");
}