-
2 votesanswersviews
多个路由器出口丢失url参数
我正在构建一个角度为6的app,应该有两个特定的路由器插座: <router-outlet name="navbar"></router-outlet> <router-outlet></router-outlet> 应用程序由URL中指定的令牌驱动: http://my.app/*token*/dashboard 所以我有这... -
4 votesanswersviews
如何在Angular2中使用子/辅助路由(命名路由器)时删除URL中的括号?
我在我的应用程序中使用命名路由器在其中一个共享模块中实现路由 . 这是AppRoutingModule(root)中的配置: const routes: Routes = [ { path: '', children: [ { path: 'home', component: HomeDetailsComponent, }... -
4 votesanswersviews
Angular redirectTo命名为router-outlet
对于访问我们网站的SEO和遗留外部链接,我们需要为弃用的网址提供后备路由 . 命名出口的事情变得棘手 . 现在尝试找到正确的设置,以指定重定向到更新的命名插座的路由 . 例如:https://url.com/prod/000(myOutlet:foo)应重定向到https://url.com/prod/000(newOutlet:some/foo),而000当然是动态的 现在一些反映新旧路线的代码... -
4 votesanswersviews
在多个命名路由器插座的情况下获取当前插座名称
在我们的角度4应用中,我们有多个命名路由器插座 . 所以网址如下:http://localhost:3000/main/(outletName1:Printers//outletName2:Printers) 假设一个组件显示在一个特定的命名路由器插座中 . 组件已在构造函数中注入了Router,ActivatedRoute等 . 组件如何从注入的对象(或其他可能的话)中检索路由器出口的名称? -
-1 votesanswersviews
从angular4中的另一个组件中刷新组件
我会尽量保持简洁和简洁 . 我们正在使用Angular 4.通常,解决方案是在以前的版本中添加观察者,但这些不再存在,因此需要一些关于实现可能是简单问题的解决方案的真实世界知识 . 我们的main.ts文件中有3个组件 <header_component></header_component> <router_outlet></router_outlet&... -
1 votesanswersviews
当使用多个路由器插座时,可以't find route when using router'的导航方法
我的应用程序在我的app.component.html中有一个路由器插座,但是一个名为EventDetailsComponent的嵌套组件我希望有另一个带有两个子路由的路由器插座 . 简单地说,我只需要一个具有自己视图的组件(EventDetailsComponent),但也需要两个可以路由到的子视图 . 初始化父/子组件时,我默认导航到createSession组件 我遇到的问题是当我尝试在方法... -
3 votesanswersviews
Angular 5路线,儿童和指定的出口不起作用
Updated to clarify my problem 我将我的样本stackblitz项目分解为真正的问题以便更好地理解 . 它似乎导航到路径'/(list:first /(detail:second))'但是DetailComponent将不会加载 . 我需要一个具有多个子路由和命名出口('list',detail',...)的主路由来表示URL链构建:/ overview /(list:... -
5 votesanswersviews
Angular 6 - 多个路由器插座
我想要一个Enter-comp . 作为概述和基本上两个孩子comp . 例如login-and register-comp . 此外,我想用多个路由器插座来管理它 . 但是"of course"它还没有用 . 它让我一扔: Error: Cannot match any routes. URL Segment: ',%20%7Boutlets:%20%7Blogin:%20%... -
4 votesanswersviews
Angular 2使用多个路由器插座向URL添加尾随斜杠
我有一个应用程序组件,有两个出口: template: '<router-outlet></router-outlet><router-outlet name="popup"></router-outlet>' 我按照this link中的示例创建路由和routerLinks,只要routerLinks在app组件内部,一切正常 ... -
7 votesanswersviews
使用角度为4的嵌套路由器插座
我使用多个router-oulets来加载我的组件 . 外部路由器插座用于加载大多数基本组件,如login,home,404 . 我使用嵌套路由器插座来加载主页的子组件 . router-outlet嵌套在home.component中 . home.component.html <app-header></app-header> <router-outlet na... -
0 votesanswersviews
Angular:如何使用多个路由器插座?
我有这样的组件 main page: <div> <a routerLink="alpha"> Alpha </a> <a routerLink="beta"> Beta </a> </div> <router-outlet></router-outlet>... -
0 votesanswersviews
具有多个路由和路由器出口的角度路由
除了导航应用程序根目录之外,我还尝试向组件添加导航,但它不会导航到组件路径 . 我正在使用两个路由器插座: 适用于应用程序根目录的 路由器插座(app.component.html) 用户组件的路由器出口(users.component.html) 有两条路线: 应用程序的 路径(app.routing.module.ts) 用户路由(users.routing.module.... -
4 votesanswersviews
在路由中使用loadchildren时,Angular 5子路由在根级路由器插座处加载
我有一个带有路由器插座的根应用程序组件,并且路由从家庭模块路由加载,这些路由在子路由中使用与loadchildren的延迟加载 . 在家庭组件中有一个路由器插座,并且在家庭的所有子模块中都有延迟加载的路由器插座 . 路由工作正常,但子路由也在根路由器插座中加载 . Eg:- the component 'testCreateComponent' is loading with localhos... -
2 votesanswersviews
在子路由中设置命名路由器的内容
在我的应用程序中,我想在两个路由器插座中显示内容,主要路由器和命名路由器 . 如果我将两个出口都放在根级别上,我可以像这样设置指定出口的内容: this.router.navigate([{ outlets: { rootSecondary: ['rootSecondaryPath'] } }]); 但是,我希望应用程序的总体布局提供单个路由器插座,并且能够在子路由中使用不同的路由器插座结构 .... -
1 votesanswersviews
Angular2使用延迟加载的路由命名路由器出口
我的主要路由是这样的: export const routes = [ { path: "", component: SiteLayoutComponent, //canActivate: [AuthGuard], children: [ { path: "", redirectTo: "/route... -
2 votesanswersviews
Angular 2 - 在子模块中命名路由器出口路由
我尝试在我的应用程序中使用子模块中的命名路由器插座,但是当我将它们放在子模块中时,我得到错误路由的错误: Error: Cannot match any routes. URL Segment: 'dashboard/dashboard' 有一个例子,主应用程序级别的'aux'出口工作得很好,但是当我在仪表板模块中放入'auxdash'插座时,不要wotk: http://plnkr.co/ed...