gpt4 book ai didi

angular - 通过 routerLink 定位命名 socket 会添加无关的 "/"

转载 作者:太空狗 更新时间:2023-10-29 17:00:39 25 4
gpt4 key购买 nike

我正在尝试通过路由在我的应用程序中启动模式。除了在 URL 中添加了一个额外的斜线以防止它解析之外,一切似乎都有效。 Url 应该看起来像这样(如果我手动输入它就可以工作)...

/accounts(modal:accounts/1/edit)

但我得到的是这个(注意基本 url 和导出目标之间的斜线)...

/accounts/(modal:accounts/1/edit)

基本标签设置...

<head>
<meta charset="utf-8">
<title>myApp</title>
<base href="/">
...
</head>

这是我的路由配置 (accounts-routing.module.ts)

const ACCOUNT_ROUTES: Routes = [
{
path: 'accounts',
component: AccountsIndexComponent
},{
path: 'accounts/new',
component: AccountsNewComponent
},{
path: 'accounts/:id',
component: AccountsShowComponent
},{
path: 'accounts/:id/edit',
component: AccountsEditComponent,
outlet: 'modal'
}
];

和 socket (app.component.html)

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

还有链接...

<a [routerLink]="[{ outlets: { modal: ['accounts', account.id, 'edit'] } }]">Edit</a>

我错过了什么?该项目是使用 angular-cli@1.0.0-beta.26angular@2.4.6angular-router@3.4.6 创建的> 已安装。

FWIW,这是日志的屏幕截图...

failed routing attempt

最佳答案

解决方法是在链接上定义一个空的相对路径。感谢@unitario 为我指明了正确的方向!

<a [routerLink]="['', { outlets: { modal: ['accounts', account.id, 'edit'] } }]">Edit</a>

关于angular - 通过 routerLink 定位命名 socket 会添加无关的 "/",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42094152/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com