Angular 5每次单击路线时滚动到顶部
我正在使用angular5.我有一个仪表板，其中的几个部分内容很少，而几个部分内容太大，以至于在转到顶部时更改路由器时都遇到了问题.每次我需要滚动到顶部时.谁能帮助我解决此问题，以便在我更换路由器时，我的看法始终停留在顶部. 谢谢. 解决方案 有一些解决方案，请务必全部检查:) 每当实例化一个新组件时，路由器插座就会发出activate事件，因此我们可以使用(activate)
..
angular-router相关内容
在Angular中，什么是“路径匹配:完整"，它有什么作用?
在这里它是完整使用pathmatch的，当我删除该pathmatch时，它甚至不会加载应用程序或运行项目 import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { HttpModule } from '@angular/http';
..
可以在父级解析完成之前运行子级路由上的CanActivate守卫
我试图在导航到子级路由之前解析数据，因为我必须在儿童警卫队中使用该数据.问题是父级解析器，在解雇了儿童看守后解析数据.解析器需要很长时间才能解析数据 // app.module.ts const appRoutes: Routes = [ { path: 'login', component: LoginComponent }, { path: '', compone
..
解析器无法解析是否添加了另一个数据流
我正在尝试使用解析器以便根据路由所具有的给定参数来检索数据. 不幸的是，当我添加另一个数据流时，我的数据取决于解析器，而该解析从未真正解析过. 如果我直接返回立即解析的值，则一切正常. 我调试了这种情况，发现我收到了所有的部分信息，但最终却无法真正解决. 这里是一个快速示例.如果需要更多代码来理解问题，请打我一下. MyService: export class My
..
在HTML字符串中传递有角度的routerLink URL的最佳方法
我的角度应用程序中有一个通知服务，通常您这样称呼 this.notificationsService.showError('My Title', 'My Message...'); 我也希望能够在消息中传递应用程序链接，我知道我需要允许输入SafeHtml，如下所示: this.notificationsService.showError( 'Error!', this.
..
Angular 6-获取当前路线及其数据
如何获取当前所在的路线以及数据，子级和父级? 说这是否是路线结构: const routes: Routes = [ {path: 'home', component: HomeComponent, data: {title: 'Home'}}, { path: 'about', component: AboutComponent, dat
..
Angular 2获取父级激活路线
我有一条路线，上面有路线孩子: { path: 'dashboard', children: [{ path: '', canActivate: [CanActivateAuthGuard], component: DashboardComponent }, { path: 'wage-types',
..
Angular 4路由器将组件添加到routerLink导航上，而不是销毁它们
当从子模块中从子路径导航到另一个兄弟子路径时，路由器会销毁新组件，而不会破坏前一个组件，而是将新组件追加在导航中. 为什么会这样? 从/#/subscriber/lookup开始，移至/#/subscriber/register路线 Subscriber register link app.route
..
如何在ionic 4和amp;中的页面之间导航5?
我有一个由ionic 3开发的项目.但是我休息了一下，当我再次开始使用ionic时，我看到新版本的导航系统发生了变化.我的项目是一个简单的项目.该项目列出了一个数组中的数据，有关该数据的详细信息显示在另一个页面上. 我在Ionic 3上执行此操作 homepage.ts export class HomePage { items = []; constructor(
..
Angular 2中的被动链接-< a href =“"”当量
在Angular 1.x中，我可以执行以下操作来创建基本上不执行任何操作的链接： 我的链接 但是相同的标签会导航到Angular 2中的应用库。与Angular中的等效2？ 编辑：看起来像是Angular 2 Router中的错误，现在有关于github的公开问题。 我正在寻找一个 解决方案 如果您有 An
..
通过Angular中的路由路径发送数据
无论如何，使用router.navigate将数据作为参数发送？ 我的意思是，类似于此示例，因为您可以看到路线有数据参数，但是这样做不起作用： this.router.navigate（[“ heroes”]，{some-数据：“ othrData”}） 因为某些数据不是有效参数。我怎样才能做到这一点？我不想发送带有queryParams的参数。 解决方案 这个主
..
在应用程序中导入时，Angular Library Route Module不起作用
我需要有关无法解决的问题的帮助。 我正在研究angular 7库，以便为应用程序添加模块化，但是在库中定义的模块路由在应用程序中安装时似乎无法使用。 我已经创建了一个到github的项目来重现问题： 库测试 foo-lib 外部应用程序 foo-tester 在每个自述文件中，我都描述了如何重现此问题。 我创建了一个示例库（foo-lib），其路由模块已定义了子路由
..
在Angular中组合路线和查询参数
在Angular中，我必须处理格式为 的路由 /sections/{id}?filter={filter} 即我有一个路由参数(id)和一个查询参数(filter).这两个参数都是可选的，因此所有这些路由均有效且正在被监听 /sections/{id}?filter={filter} /sections?filter={filter} /sections/{id} /sections
..
Angular CanDeactivate Router Guard具有可观察的订阅值
我一直在尝试编写canDeactivate防护措施，以从可观察的流中检查保存状态并相应地工作. 我的服务就这样 import { Injectable } from '@angular/core'; import { ReplaySubject } from 'rxjs/ReplaySubject'; import { Observable } from 'rxjs/Observab
..
导航ID不等于当前路由器的导航ID错误
我在Angularv5应用程序中使用 @ ngrx/router-store ，最近我开始遇到错误:Navigation ID X is not equal to the current navigation id Y(其中X和Y是整数). 当我从特定路线B导航到路线A时，始终会发生此问题.从任何其他路线导航到路线A似乎都可以. 唯一的其他所以我发现的与此问题相关的问题提供了该问题可能
..
导航工具栏和侧面导航不在其他组件中
我已经搜索了很多这个问题，但是仍然找不到解决方法. 在我的应用中，成功登录页面后，将显示侧面导航栏和工具栏.在侧面导航中单击某个项目(组件)时，将显示相应的组件，但不会显示工具栏，也将显示侧面导航. 这是我写的文件， app.component.html
..
Angular Nativescript无法在惰性模块中导航
我使用的模板: Nativescript-Tabs-Template 当我尝试使用以下方法导航到同级组件(都在一个惰性模块中)时: showItem() { this.routerExtensions.navigate(["details/"]); } (也可以执行此操作-不确定是否可以): this.routerExtensions.navigate(["de
..
Angular 4创建通往同一组件的不同语言路径
我想为网站创建多语言支持.我目前正在使用ngx-translate翻译所有文本.我们有两个网址，mypage/en/home和mypage/es/home.如何创建这些语言路径并将其路由到home组件? 解决方案 根据评论进行了更新: 在路由器的路由中，您可以执行以下操作: export const routes: Routes =[ { path: 'mypage
..
带有延迟加载模块和子路由的Angular 7路由器'**'通配符不起作用?
我正在尝试使用来自Angular路由器的通配符'**'创建默认路由.该默认路由将加载一个惰性模块，然后它必须解决自己的路由.问题是，当我进行以下配置时，无法按预期解决: export const routes = [ { path: '', component: 'DashboardComponent' }, { path: '**', loadC
..
router.navigate with query params Angular 5
我遇到了使用查询参数路由到路由的问题我有类似的功能 goToLink（link ）{ this.router.navigate（[`$ {link.split（'？'）[0]}`，{queryParams：this.sortParams（link）}]）; } 此函数 sortParams（link）{ let queryParams = url.spli
..