繁体   English   中英

在 Angular 中创建第二个路由器出口的解析错误

Parse Error creating a second router outlet in Angular

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在尝试使用 Routerlink 创建一个简单的按钮,但出现此错误:

解析器错误:在 [[{outlets: {side-mod: ['table-list']}}]] 的第 37 列出现意外标记“}”

我想要做的是为路由器创建第二个插座。 所以我在我的路由组件中有这个:

const routes: Routes = [
  { path: 'home', component: HomeComponent, outlet:'header' },
  { path: 'login', component: LoginComponent, outlet:'header'},
  { path: 'register', component: RegisterComponent, outlet:'header' },  
  { path: 'user', component: BoardUserComponent, outlet:'header' },

  { path: 'table-list', component: TableListComponent, outlet:'side-mod'},


  { path: '', redirectTo: 'home', pathMatch: 'full' }
];

因此,“索引”在标题处具有这种按钮:

 <a class="nav-link" [routerLink]="[{outlets: {header: ['user']}}]" skipLocationChange="true" replaceUrl="false">Home </a>

底部的路由器显示不同的页面:

<router-outlet name="header"></router-outlet>

因此,当用户按下标题按钮查看“用户”页面时,会出现一个带有使用另一个“出口”按钮的新组件,但出现错误:

<a class="list-group-item list-group-item-action bg-light" [routerLink]="[{outlets: {side-mod: ['table-list']}}]">Tables</a>

我尝试了很多方法来修复它,例如将其更改为此代码,但出现相同的错误:

[routerLink]="['', { outlets: { side-mod: ['table-list'] } }]"
2 个回复

你试过吗?

[routerLink]="['' ,{outlets:{'side-mod':'table-list'}}]

这个问题可能来自于-不被识别为是一个有效的关键字符,缠字""这应该工作,我也摆脱了的[]数组。

尝试删除 - 从 side-mod 到 sideMod 或 side_mod

4 如何在angular2应用中使用第二个路由器插座?

我有一个angular2应用,其中我想要2个路由器插座。 在查看了许多博客和Google搜索之后,我一直试图使它起作用。 但这是行不通的。 对于为什么它不起作用以及如何使它起作用的任何建议将不胜感激。 路由模块的相关部分如下所示 我在模板home.html中有一些html ...

6 路由器视图不加载第二个组件

重定向到新链接和样式css工作,但没有方法或事件inicialize新组件。 组件导航栏完美无缺,检查员不会显示错误。 如果重新加载页面,则全部再次起作用。 道歉我的英语 main.js app.vue route.js 零件 ...

2019-03-26 18:18:59 1 25   vue.js
7 每个路由器的第二个箭头

我正在尝试自动创建网络图。 所有网络图都不同,有些需要两个电路(2 个箭头)连接到一个路由器/位置。 有没有办法为每个路由器/位置添加第二个箭头? 现在,只有一个箭头指向每个路由器,但我想添加第二个箭头指向每个路由器。 这可能吗? ...

10 无法通过第二个路由器获得 IPv6

我在局域网上有 2 个网段(一个用于家庭用品,另一个用于工作),使用 2 个路由器,如下所示: 该线路连接到 BT-Business Smart Hub Type A,它提供 10.1.0 的无线局域网。* 这是第一段。 IPv6 在这方面运行良好。 第 2 个网段是通过在 lan 端口(在 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM