Angular Routing是一种内置功能，使您可以创建单页面应用程序（SPA）用户界面，用户可以在该界面中导航到不同的视图，而无需每次都从服务器重新加载整个页面。
导航到同一页面后，无法订阅 NgOnInit 中可观察的表单控件 valueChanges
我有一个使用不同参数导航到自身的页面。这使得 NgOnInit 不会再次执行。可悲的是，在 NgOnInit 中，我订阅了一个可观察的对象来处理值变化，我...
我有这样的布局： ... 我有这样的布局： <div> <router-outlet /> <div class="details"> <router-outlet name="details"></router-outlet> </div> </div> 在路线中，在顶层，我有： routes = [ { path: 'some-component', component: SomeComponent, }, { path: 'my-details', component: DetailsComponent, outlet: 'details' } ] 现在，当我导航到“某些组件”路线时，我的模板中有一个 [routerLink]。我希望该路由器链接能够触发 details 路由器插座内的“我的详细信息”路由。 我有： [routerLink]="[{outlets:{details:['my-details']}}]" 但是点击它并不会拾取路线。它说找不到（我有一条路线可以拾取所有不匹配的路线）。 当主路由器出口内渲染的组件与主路由器处于同一级别时，似乎无法触发指定路由器中的路由。 我尝试将 [relativeTo]="route.parent" 放入 routerLink 但仍然不起作用。 我错过了什么？ PS。 如果我将命名路由器放入 SomeComponent 并使命名路由成为主路由的子路由，那么它就可以工作。但这不是我想要的。 相信问题是您没有提供 [routerLink] 数组中路径的第一个值，默认情况下它将使用当前路由。因此它将 <a> 元素渲染为： <a href="<Domain URL>/some-component/some-component(details:my-details)></a> 由于您的“我的详细信息”路由不是“某些组件”的子路由，因此这将无法匹配任何路由。 您应该在 [routerLink] 的数组的第一个值中提供一个空字符串或“/”。 <a [routerLink]="['', {outlets:{details:['my-details']}}]">Details</a> 这会将 <a> 元素渲染为： <a href="<Domain URL>/some-component(details:my-details)></a> 我相信与 [relativeTo] 也同样有效： <a [routerLink]="[{outlets:{details:['my-details']}}]" [relativeTo]="route.parent">Details</a> 演示@StackBlitz
NG8001：“router-outlet”不是已知元素：如果“router-outlet”是 Angular 组件，则验证它是否是此模块的一部分
我在尝试运行 ngserve 或 ng build 时遇到错误。错误消息指出：“router-outlet”不是已知元素。这是我的 Angular 应用程序的结构： 应用程序模块.ts： 我...
我想在路由器导航到目标组件期间传递对象。 目前我正在使用routeParams 并将我的对象字符串化为字符串。这种方法有效，但我不喜欢这个解决方案......
HTTP 错误 405.0 - 调用 API 时不允许使用方法
我有相同的API，当在角度2中调用API时，我收到此错误： HTTP 错误 405.0 - 不允许的方法 无法显示您正在查找的页面，因为正在使用无效方法（HTTP 动词）...
我有以下路线配置： 常量路线：路线= [ { 路径：''，redirectTo：'客户'，pathMatch：'完整'}， { 路径：'客户'，组件：CustomerListComponent，canActivate：[
ASP.Net Core Web API URL 调用被重新路由到 Angular 项目
我有一个使用 Visual Studio 2022 版本 17.9.0 的 ASP.Net Core 8 和 Angular 17 项目。 我正在使用新的“Angular 和 ASP.Net Core”项目模板。我只是有一个坚持者
我的a有一个模块，其中包含自己的子路由。本质上，该页面的唯一内容是标题和一些链接到我的路由的材料选项卡，所以我只会显示...
所以我想让标题上的锚元素在点击特定页面时消失。当该页面被点击时，如何捕获 *ngIf 中的 url。 我有一个标题，它对所有的人都保持相同...
我正在努力在 Angular 2.4.2 的导航过程中清除 URL 参数。我已尝试附加每个选项来清除下面导航行中的参数，或其中与导航的任何组合，或
Angular 2 路由器 3.0.0-rc.1 停用路由守卫保护组
我想创建一个停用防护，仅在导航到子路线之外时才会触发。 在 rc4 ("@angular/router": "3.0.0-beta.1") 中，此代码的工作方式为...
如何在 AWS S3 上部署基于 Angular2 Typescript 的应用程序
我想在静态服务器中部署 Angular 2。我不想用 Node 来部署它。 Js。是否可以在 AWS S3 中运行基于 Angular 的应用程序？如何部署到S3...
Angular：从登陆 URL 中获取 ID 并重定向到根 url
我需要从 URL 启动我的 ng 应用程序（从服务器获取）： 主机/应用程序/启动/123 然后我想获取该 id (123)，并立即重定向到 root，这样用户就不会被该 ID 所困扰：
我在路由定义中传递静态路由数据，如下所示： const 路线： 路线 = [{ 路径： '/map', 组件：MapComponent， 数据：{动画...
我的组件显示了，但加载页面时收到错误消息。在查看了一堆资源后，我似乎根本无法解决错误消息。 错误 例外：错误：未捕获（在
我想要在 Angular 中预览上传的 Word 文档。使用 iframe 加载文件，但文件是下载而不是加载。 我想要在 Angular 中预览上传的 Word 文档。使用 iframe 加载文件，但文件是下载而不是加载。 <p-dialog [(visible)]="displaydoc" [modal]="true" [responsive]="true"> <div id="DocText"> <iframe src = "URL" width='700' height='550' allowfullscreen webkitallowfullscreen> </iframe> </div> </p-dialog> 下面是预览文档的一个很好的示例。 https://stackblitz.com/edit/angular-microsoft-document-viewer?file=src%2Fapp%2Fapp.component.html
Angular(2+) 路由器有一个 events 属性，它是一个 rxjs 主题。 订阅后，您可以监听以下事件： router.events.subscribe((event: Event) => { console.log(event) }...
如何在 Angular 中分离桌面和移动页面并延迟加载每个页面？
我的目标是分离桌面和移动页面。原因是桌面页面用户体验流程是“滚动到部分”。同时，移动页面用户体验流程是“导航到下一个部分......
无法使 Router Outlet 在 Angular 17 中不起作用
我正在遵循 https://angular.io/guide/router 中的教程，但我无法在 Angular 17 中进行路由工作。 我这样修改app.routes： 导出常量路由：路由= [ { 路径：''，重定向...
我有一个侧边栏，您可以在单击栏中的外部或内部的 X 时关闭该侧边栏。但我需要在更改路线时自动关闭（例如从主页到关于或联系人保持打开状态，但我需要