Angular 路由器 URL 编码特殊字符和浏览器行为
我只是想不出解决此类问题的方法.我正在设计搜索引擎，我想在 url 中显示用户试图找到的内容: https://my-site.com/search;query=%28rockstar;search=true;page=0 用户正在尝试查找 (rockstar 短语. 当我将此网址粘贴到浏览器时，它按预期工作，但 Chrome 浏览器显示此网址如下: https://my-site.c
..
angular-router相关内容
Angular 路由如何优先于静态站点上的文件路径
如果我用文件结构构建一个静态站点: -index.html-博客/index.html 我在 blog/index.html 中放置了一个带有路由的 Angular 应用程序，然后转到路由 example.com/blog/page/2，它转到Angular 应用程序中正确的博客页面.从某种意义上说，它打开 /blog/index.html，并在 Angular 应用程序中处理 /page/2
..
Angular Router-outlet 未在生产模式下填充
我正在尝试在生产模式下构建我的 Angular 应用程序，但遇到了一个奇怪的错误. 在开发模式下一切正常.不过，在生产模式下，当我打开“index.html"时，我被正确重定向到我想要的默认路径，但我的 router-outlet 没有填充. 我的 app-routing.module.ts: import { NgModule } from '@angular/core';从'@a
..
如何使 Angular 应用程序的基本 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 应用程序的基本 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
..
如何不在子元素上应用 [routerLink]?
我想让一个子元素触发它自己的点击，并且不响应它具有[routerLink]的父元素，问题是子元素无法运行它(click)="delete()" 中的 code>delete() 函数，它只是在 [routerLink] 中跟随它的父级(它导航到/product/:id)
..
Angular 导航到次要路线，同时保留主要路线
我想导航到名为 modal 的次要路线，而无需明确说明主要路线. 我在组件类中试过这个: onclick(){this.router.navigate([{ outlet: { foo: 'modal' } }], { relativeTo: this.route });} 上面的代码似乎有效.但是，它会导航到 /first(foo:modal) 一瞬间，然后导航到根 /. 我做错
..
什么时候应该在 Angular 中使用 href 而不是 routerLink?
当我在 Angular 中开发并创建视图时，我总是使用 routerLink 从一个视图导航到另一个视图.最近我看到用 Angular 制作的重要页面使用 href 而不是 routerLink 来路由网站上的视图.我的问题是，什么时候在 Angular 中使用 href 而不是 routerLink 方便，为什么?是不是给人一种不是SPA的感觉? 如果是这样，我不明白，因为它失去了 Ang
..
带出口的 Angular 懒加载子路由
我尝试在 stackblitz 中重现我的错误 我想达到的目标 我正在尝试使用带有动态参数的路由，并具有该参数的子路由.我希望这个模块被延迟加载.我已经使用路由定义中的 :id 定义为动态参数制定了一个有效的解决方案. 我希望子路由在不同的路由器插座中输出. 特别是我想要一个组件 (UserComponent) 加载到路由 user/:username - 如果 :usern
..
Angular:有些路由使用 PathLocationStrategy，但其他一些路由使用 HashLocationStrategy
我的 app.routes 中有 4 条路线. import { NgModule } from '@angular/core';从'@angular/router' 导入 { Routes, RouterModule };导出const pageRoutes:路由= [{path: '', redirectTo: 'home', pathMatch: 'full'},{path: 'home'
..
Angular 如何获取未激活的子路由
在 Angular 中，您始终可以在组件中注入 ActivatedRoute 以获取对当前激活的路由. 它有一个属性 children : 包含当前路由下的所有子路由激活. 我想知道如何获得所有子路由(未激活的路由也是如此). 解决方案 您可以使用 route.routeConfig.children 来获取路由器中定义的子项.
..
检查角度 2 中是否存在路线
我想检查 angular 项目中是否存在路由.比如用户在url栏中输入http://localhost:4200/#/timestamp，项目中不存在timestamp，不知道怎么查重定向? 解决方案 没有办法检查路由路径是否存在于配置中，但是你可以这样做在路由器配置模块中使用 ** 的配置重定向. export const AppRoutes = [{ path: "", redire
..
在 canActivate Guard 中访问 ActivatedRoute 的组件
据我所知，canActivate 的调用签名是这样的: canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {} 我有一个服务，它需要一个组件的名称并返回访问该组件所需的用户角色，这样我就可以在我的守卫的canActivate函数中检查活动用户是否有相应的角色与否.我的问题是，我不知道如何访问该组件.经过
..
如果 URL 是手动编写的，Angular 会刷新应用程序
我使用的是 Angular 6，但在更改路线时遇到问题.如果我使用 routerLink 或 navigate() 方法浏览应用程序，它会正常工作，因为它只加载新模块(如有必要).但是，例如，如果我在此链接中:localhost:8080/home，我单击 URL，取消“主页"，输入“配置文件"并按 Enter，它正确进入配置文件页面，但应用程序已重新加载(也是应用程序组件).为什么?我想不通.这
..
Angular2+ routeReuseStrategy 生命周期钩子
我正在尝试利用自定义 RouteReuseStrategy为此，我想在组件分离时暂停任何订阅，以及滚动到正确位置等其他事情. 我检查了可能的钩子，但显然没有添加额外的生命周期钩子并且OnDestroy 未被调用. 我尝试添加自己的 onDetach 和 onAttach 钩子，但是 ActivatedRouteSnapshots 和 DetachedRouteHandle 会给我当前组
..
Angular 7 routerLink 指令警告“在 Angular 区域外触发导航"
我正在努力使用 Angular 框架来让我的应用程序顺利运行，但我无法解决路由问题.我有一个顶级AppComponent 和app-routing.module.ts，它们通过我的自定义SlideMenuComponent 管理导航.我的 AppComponent 的简化 html 模板:
..
在 Angular 6+ 中路由到静态 html 页面
我有一个 Angular 项目，包含 3 个组件国家、地区、家庭.当我加载主页时，我将路由设置到 HomeComponent，它是路由的超链接.一切正常，表现得像一个页面(SPA).现在，我想添加一个静态 HTML 页面并路由到它.我查看了 Angular Route 文档，但找不到方法.以下是我的问题 在哪里可以放置我的静态 HTML 页面 如何在 app-routing.module.
..
Angular 4 路由器在 routerLink 导航上附加组件而不是销毁它们
当从子模块内从一个子路由导航到另一个同级子路由时，路由器不会破坏前一个组件，而是在向前和向后导航时附加新的组件. 为什么会这样? 从/#/subscriber/lookup开始，移动到/#/subscriber/register路线 订阅者注册链接 app.routes.ts /*** Angular 2
..
如何在 Angular 中实现多级路由?
我正在做我的一个小项目，以便更多地了解 Angular，但我真的不知道如何实现多级路由. 我已阅读关于新版本的文档路由器组件以及 StackOverlfow 上的其他一些主题(第一，第二，第三个)，但我找不到解决我的问题的方法. 让我们考虑以下应用结构，不考虑 Test 和 Test2 块. 让我们考虑我的应用程序的组件如下: main.ts import { boo
..
获取组件中的路由参数
我正在处理 Angular-6 项目.我的应用程序有很多子路由.其中之一如下: const 路由:Routes = [{路径:'innovation-track/:innovation-track-id'，组件:InnovationTrackComponent，孩子们: [{路径:'sprint'，组件:ScrumBoardComponent}]}]; 我想从我的 ScrumBoardCom
..