如何在Angular2中重定向到外部URL ?

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

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

解决方案，正如Dennis Smolek所说，是非常简单的。将window.location.href设置为你想切换到的URL，它就可以工作了。

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

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

然后你可以在模板中的按钮(或任何东西)上使用适当的(click)调用来非常简单地调用它:

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

如果你一直在使用OnDestry生命周期钩子，你可能有兴趣在调用window.location.href=…

    this.router.ngOnDestroy();
window.location.href = 'http://www.cnn.com/';

这会在你的组件中触发OnDestry回调。

哦，还有:

import { Router } from '@angular/router';

是找到路由器的地方。

this.router.navigate(["/"]).then(result=>{window.location.href = 'http://www.cnn.com/';});

基本上路由到任何(虚拟)路由来强制钩子，然后按照请求导航。

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

< a href = " https://angular.io/docs/ts/latest/api/common/index/Location-class.html !#prepareExternalUrl-anchor" rel="nofollow noreferrer">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');
}
}

document.location.href = 'https://stackoverflow.com';

在函数内部。

some-page.component.ts

import { DOCUMENT } from '@angular/common';
...
constructor(@Inject(DOCUMENT) private document: Document) { }


goToUrl(): void {
this.document.location.href = 'https://stackoverflow.com';
}

some-page.component.html

<button type="button" (click)="goToUrl()">Click me!</button>

查看platformBrowser回购以获得更多信息。

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

对我来说，重定向可以在Chrome上运行，但不能在Firefox上运行。 以下代码解决了我的问题:

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

在你的component.ts

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;**

我认为你需要à target="_blank"，所以你可以使用window.open:

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

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

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

在较新版本的Angular中，将window作为any

(window as any).open(someUrl, "_blank");

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

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

这对我很管用。

或者试着使用

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

就像这样简单

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

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

就像

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';
}

有两个选项: < / >强