角度6-获取当前路径及其数据
如何获取您所在的当前路由及其数据、子路由和父路由？ 如果这是路由结构： const routes: Routes = [ {path: 'home', component: HomeComponent, data: {title: 'Home'}}, { path: 'about', component: AboutComponent, data:
..
angular-router相关内容
Angular 2 中的被动链接 - <a href=">相等的
在 Angular 1.x 中，我可以执行以下操作来创建一个基本上什么都不做的链接: 我的链接 但在 Angular 2 中，相同的标签会导航到应用程序库.在 Angular 2 中，它的等价物是什么? 编辑:它看起来像 Angular 2 路由器中的一个错误，现在有 github 上的一个未解决问题. 我正在寻找开箱即用的解决方案或确认不会有任何解决
..
ng build 未能在“History"上执行“replaceState":无法在原点为“null"和 URL 的文档中创建带有 URL 的历史状态对象
我使用的是 Google Chrome 版本 52，我希望能够通过访问 index.html 在没有服务器的情况下在本地运行我的应用程序. 我可以点击我的应用程序的登录页面.但是，当我尝试导航到另一个页面或单击任何按钮时，它无法工作. 我尝试了很多方法，例如: 导入前添加脚本 参考一和参考二 将 base href 从/更改为 ./ 更改路由器配置以使用哈希并将基本 href
..
如何使 Angular 应用程序的 base href/IIS 虚拟目录不区分大小写?
有类似的问题没有正确答案. 如果我在 app.module.ts 中设置: 提供者:[{ 提供:APP_BASE_HREF，useValue:'/my/app'}， 然后输入 localhost:4200/my/app this.location.path() 返回正确的路径“". 但是如果我输入 localhost:4200/my/App this.location.pat
..
Angular:一些路由使用 PathLocationStrategy 但其他一些路由使用 HashLocationStrategy
我的 app.routes 中有 4 条路线. import { NgModule } from '@angular/core';从'@angular/router' 导入 { Routes, RouterModule };导出const pageRoutes:路由= [{path: '', redirectTo: 'home', pathMatch: 'full'},{path: 'home'
..
在父解析完成之前运行子路由上的 CanActivate 守卫
我正在尝试在导航到儿童路线之前解析数据，因为我必须在儿童保护中使用该数据.问题是父解析器，在子保护被触发后解析数据.解析器需要很长时间来解析数据 //app.module.tsconst appRoutes: 路由 = [{ 路径:'登录'，组件:登录组件 }，{小路: ''，组件:SiteLayoutComponent，孩子们: [{ path: '', redirectTo: 'wareho
..
在 angular 4 延迟加载中用模块名称替换块名称
我正在使用 angular-cli-1.6.3 来捆绑我的项目.我尝试将延迟加载的块名称重命名为有效的模块名称.但它不起作用.下面给出的代码片段， {路径:'懒惰'，loadChildren: './lazy/module#LazyModule?chunkName=LazyModule'} 解决方案 你应该使用 -nc 标志 ng build --aot -nc 或 ng build
..
Angular 4 - 将对象从一个组件传递到另一个组件(无父子层次结构)
我的情况: 我有一个显示图块的组件，每个图块代表一个数组中的一个对象，该数组用 ngfor 循环.单击磁贴时，我想将该对象传递给不同的组件，该组件负责在可修改的字段中显示该对象的所有属性. 我尝试过的: 在做了一些研究并看到多篇帖子向我展示了如何为父子层次结构实现这一点以及一些解释必须使用共享服务才能实现所需功能的帖子后，我决定尝试并设置这样的服务. 然而，我似乎不明白什么
..
如何在子路由中实现带有角度材料的路由选项卡?
我想使用 Angular Material 标签https://material.angular.io/components/tabs 在标签中带有路由器导航. 我尝试使用 如文档中所示，我找到了本教程:https://nirajsonawane.github.io/2018/10/27/Angular-Material-Tabs-with-Rou
..
当我的模块位于某些 CDN 上时，如何在我的路由中加载儿童
好的，所以我想在一些 cdn 上发布我预构建的 angular 模块，然后让一些 angular 路由能够指向它并加载它. 我还没有执行 angular 代码，但可能有一个很好的理由我不能简单地将 loadChildren 指向某个随机 url 并期望它获取和加载模块.如果您查看我的代码示例，唯一有效的部分是当我将预构建的 goo.umd.js 模块与 index.html 文件放在同一目录
..
在 angular 4 中为不同页面设置不同布局的最佳方法
我是 angular 4 的新手.我想要实现的是为我的应用程序中的不同页面设置不同的布局页眉和页脚.我有三种不同的情况: 登录，注册页面(无页眉，无页脚) 路由:['登录','注册'] 营销网站页面(这是根路径，它有页眉和页脚，这些部分大多在登录前出现) 路线:['','about','contact'] 应用登录页面(我在此部分为所有应用页面设置了不同的页眉和页脚，
..
Angular 5 在每次单击 Route 时滚动到顶部
我正在使用 angular 5.我有一个仪表板，其中很少有内容较小的部分和很少有内容很大的部分，因此在进入顶部时更换路由器时遇到问题.每次我需要滚动到顶部.谁能帮我解决这个问题，这样当我更换路由器时，我的视图始终保持在顶部. 提前致谢. 解决方案 有一些解决方案，请务必全部检查 :) 路由器插座将在任何时候实例化新组件时发出 activate 事件，因此我们可以使用 (acti
..
如何在 Angular 2 中为特定路线实施 RouteReuseStrategy shouldDetach
我有一个 Angular 2 模块，我在其中实现了路由，并希望在导航时存储状态. 用户应该能够: 使用“搜索公式"搜索文档 导航到其中一个结果 导航回“searchresult" - 不与服务器通信 这可能包括RouteReuseStrategy. 问题是: 如何实现不应该存储文档? 所以路由路径“documents"的状态应该被存储，路由路径“documents/:i
..
如何为所有路由根和子路由使用 angular 6 Route Auth Guards?
如何为所有路由根和子路由使用 angular 6 Route Auth Guards? 解决方案 1) [创建guard，文件名如auth.guard.ts ] ng 生成保护身份验证从“@angular/core"导入{可注射}；导入 { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from'@角度/路由器';从
..
检查角度 2 中是否存在路线
我想检查 angular 项目中是否存在路由.比如用户在url栏中输入http://localhost:4200/#/timestamp，项目中不存在timestamp，不知道怎么查重定向? 解决方案 没有办法检查路由路径是否存在于配置中，但是你可以这样做在路由器配置模块中使用 ** 的配置重定向. export const AppRoutes = [{ path: "", redire
..
多次调用Angular Service单例构造函数
我正在尝试使用存储经过身份验证的用户详细信息的应用程序范围服务 (UserService).我已经设置了一些路由，但发现每个路由都实例化了 UserService.我希望他们共享同一个 UserService. 我创建了一个包含 TestService 作为提供者的 CoreModule 并将其导入到 AppModule 中. core.module.ts: import { NgM
..
以 `file://` 形式运行基于 angular 7 路由的应用程序(无服务器)
我有 基于路由的 Angular 应用程序，我想要的是将它作为 html 文件捆绑到 WebView 应用程序中，以便 ~/app_path/index.html 我使用 ng build --prod --output-path ./../ng-build 成功构建了它，并且在浏览器中加载良好. 问题是，如果我使用路由器模块，我会收到 Unhandled Navigation Err
..
在嵌套路由器中显示组件
我想路由到“配置"路由器，它嵌套了 2 个出口，但我无法找出正确的方法. 在我的routing.ts中，我创建了两种访问组件的方法: 导出常量路由:Routes = [{//入口点.路径:'Foo'，组件:FooComponent，canActivate:[IsServerOnlineGuard]，孩子:[路径:'Bar'，组件:B
..
进入父路线 Angular 5 时导航到上次访问的子路线
在我的 Angular 5 应用程序中，我的路由器配置如下: {路径:'系统变量'，组件:系统变量组件，孩子们: [{小路: ''，重定向到:'合作伙伴变量'，路径匹配:'完整'},{路径:'合作伙伴变量'，组件:PartnersVariablesComponent，孩子们: [{小路: ''，重定向到:'合作伙伴分支机构'，路径匹配:'完整'},{路径:'合作伙伴-分支机构'，组件:Partn
..
我将如何在规范测试中模拟 ngOnInit() 中的路由 queryParams
失败:无法读取 null 的属性“queryParams"在 我假设这是因为我在 ngOnInit() 中有以下内容: ngOnInit() {this.route.queryParams.subscribe(async params => {this.userInfo = await JSON.parse(params['user_info']);}); 到目前为止，我已经尝试使用以
..