这可能是一个愚蠢的问题,但我是 Angular 的新手,还没有得到答案。
我正在遵循教程,并为我的 Angular 5 项目设置了这样的路线:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { PageComponent } from './page/page.component';
const appRoutes: Routes = [
{path: '', redirectTo: '/home', pathMatch: 'full'},
{path: 'home', component: PageComponent, data: {
page: 'home'
}},
{path: 'about', component: PageComponent, data: {
page: 'about'
}},
{path: 'contact', component: PageComponent, data: {
page: 'contact'
}},
{path: 'facebook', component: PageComponent, data: {
page: 'facebook'
}},
{path: '**', redirectTo: '/home', pathMatch: 'full'}
];
@NgModule({
imports: [RouterModule.forRoot(appRoutes)],
exports: [RouterModule]
})
export class AppRoutingModule {
}
假设我想将“facebook”路径路由到我的 Facebook 页面。我不确定如何路由到 Angular 应用程序之外的页面。
如有任何帮助,我们将不胜感激!
最佳答案
@Rafael 已留下正确答案作为评论。
您只需创建一个指向 facebook 的链接标记
<a href="www.facebook.com/yourpage">Facebook</a>
您设置的路由都是本地路径。 换句话说,所有这些路由都是针对 www.yoursite.com/route1 上显示的内容以及 www.yoursite.com/route2 上显示的内容。
但请注意,它们都将使用 yoursite.com 作为域。
如果您想创建指向域外站点的链接,那么您不想弄乱 Angular 路由,而是创建一个链接。
所以您真正要问的是如何在 www.yourpage.com/facebook 上显示 www.facebook.com 的页面,这是不可能的。
如果没有 iframe,即使有路由,您也无法在自己的网站中显示不同的网站。
如果这确实是您想要做的,那么您可能需要研究一下 iframe。
关于angular - 如何在 Angular 5 中路由到外部链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49436839/