首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >angular 8路由不能重定向到正确的页面

angular 8路由不能重定向到正确的页面
EN

Stack Overflow用户
提问于 2020-02-04 21:12:59
回答 2查看 76关注 0票数 0

我是angular 8的新手。任何帮助或提示都将不胜感激!这是我的app.routing.module.ts:

代码语言:javascript
复制
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { LabViewerComponent } from './lab-viewer/lab-viewer.component';
import { HomeComponent } from './home/home.component';

const routes: Routes = [
  { path: '', component: HomeComponent},
  { path: 'home', component: HomeComponent},
  { path: 'LabViewerPDF', component: LabViewerComponent}
];

@NgModule({
imports: [RouterModule.forRoot(routes, {useHash: true})],
exports: [RouterModule]
})
export class AppRoutingModule { }

这是我的home.component.html:

代码语言:javascript
复制
Home
<a  (click)="selectLab()">Click here to download my Plan (PDF)</a>

<router-outlet></router-outlet>

这是我的app.component.html:

代码语言:javascript
复制
app component
<a  (click)="selectLab()">Click here to download my Plan (PDF)</a>

<router-outlet></router-outlet>

不确定为什么此url:http://localhost:4200/#/home

显示:应用程序组件单击此处下载我的计划(PDF)主页单击此处下载我的计划(PDF)

应该是:主页组件单击此处下载我的计划(PDF)主页单击此处下载我的计划(PDF)

EN

Stack Overflow用户

发布于 2020-02-04 21:38:38

代码语言:javascript
复制
<router-outlet></router-outlet>

包含当前路由。你想通过点击某处的路由器链接,将主页加载到路由器插座上。我怀疑这就是你想要发生的事情。

代码语言:javascript
复制
Home
<a  (click)="selectLab()">Click here to download my Plan (PDF)</a>
代码语言:javascript
复制
app component
<router-outlet></router-outlet>
票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60058212

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档