angular-router 相关问题

对于Angular Router服务（@ angular / router）

订阅完成后如何导航到另一个组件？

我正在发送 GET/POST 请求并等待响应。收到回复后，我想从仪表板页面导航到“患者”页面： this.api.getData(body).subscribe((...

angular rxjs es6-promise angular-router rxjs-subscriptions

回答 2 投票 0

如何在初始化期间从根服务添加/修改查询参数？

我想从根/单例服务更新 URL 的一个查询参数。此服务的职责是在 URL 中保留一些共享状态以进行深度链接。问题是例如主动...

angular angular-router

回答 1 投票 0

Angular 测试 - 如何在我的测试中模拟“history.state.value”对象？

运行我的组件默认测试时出现错误，如图所示我不确定如何模拟该对象 - 提供更多细节，从我的主组件我重定向到 WelcomeCom ...

angular unit-testing angular-router

回答 0 投票 0

Ionic Tabs 在导航到其他页面和返回时不删除查询参数

我有一个带有一些标签的离子应用程序。我正在使用 a 标签导航到其中一个选项卡：以上需要...

angular ionic-framework angular-router

回答 2 投票 0

Angular 组件不会使用空路径加载到默认插座中，但会使用插座名称。不要相信还有其他匹配的路线

我的应用程序组件中有几个路由器插座。除了一个，其他都有名字。我的应用程序组件中有几个路由器插座。除了一个，其他都有名字。 <router-outlet name="menu"></router-outlet> <router-outlet></router-outlet> <router-outlet name="sidebar"></router-outlet> 目前，我的根路由配置指定以下内容： [ { path: 'mypath', loadChildren: () => import('./my-main.module').then((m) => m.MyMainModule) } ] 延迟加载的“主模块”路由配置如下所示： [ { path: ':myMainId', resolve: { myMainData: MyMainDataResolver }, children: [ { path: ':mySubId', resolve: { mySubData: MySubDataResolver }, loadChildren: () => import('./my-sub.module').then((m) => m.MySubModule) // Needs mySubData }, { path: '', component: MyMainComponent } // Needs myMainData ], }, { path: '', component: MenuComponent, outlet: 'menu' } ] 最后，我的延迟加载的“子模块”路由配置如下所示： [{ path: '', component: MySubComponent, outlet: 'sidebar' }] 使用上述配置，我的 MyMainComponent 不会加载（未调用构造函数/onInit）。但是，如果我给默认路由器出口一个名称并在路由配置中的 for MyMainComponent 中指定出口名称，则所有组件都会呈现。类似地，如果我删除 url 的 :mySubId 段，并让主出口无名，MyMainComponent 会渲染。所以，MyMainComponent 的路由和 MySubComponent 的路由（或其父路由）之间似乎发生了某种冲突。我怀疑这与这两条路线都是空的有关，并且可能都以某种方式匹配，但我不明白当一条指定了出口而另一条没有指定出口时会怎样。提前感谢您提供的任何帮助。

angular angular-router angular-module

回答 0 投票 0

如何解析路由参数映射中的字段并将其作为对象返回？

在我的组件中，我有这个功能： getData(): 数据对象 { const data = this.route.snapshot.paramMap.get('data'); const obj = JSON.parse(data) 作为 DataObj 返回对象； } 但是林...

angular typescript angular-router

回答 0 投票 0

Angular 9 路由器 - CanActivate 无法使用重定向

用例：我想将登录用户重定向到/dashboard，将未登录用户重定向到/landing。首先采取： { 小路： '**'， redirectTo: '/仪表板', 可以激活：[AuthGuard]， ...

angular angular-router angular-router-guards

回答 2 投票 0

标题：Angular：ActivatedRoute 为 URL 中的参数返回 null

我正在尝试使用 ActivatedRoute 服务从我的 Angular 组件中的 URL 检索参数值，但我得到的参数为空值。这是我的网址： http://localhost:4200/