ngRoute模块为AngularJS应用程序提供路由和深层链接服务和指令。
我无法理解角度路由的以下行为。 我只有两个组件 HomeTestComponent 和 CustomerComponent。当我按下“主页”按钮，然后按下“客户”按钮时，两者都会...
延迟加载模块的路由配置结构不同，因为延迟加载模块有自己单独的路由配置。就我而言，我有从数据库获取的路线...
我有一个急切加载模块（app-routing.module.ts 托管 HomeComponent）和一个延迟加载模块（my-routing.module.ts）。我的问题是，当我在测试中按下“实验”按钮时。
routerLink 不会导航到指定路由器出口的延迟加载模块
我正在尝试使用名为outlet-router导航到延迟加载模块中定义的组件。当我单击“测试”按钮（test.component.html）时，出现异常： NG04002：无法匹配...
我在导航到延迟加载模块中定义的组件时遇到问题。 组件 ListComponent 在路径测试下定义（my-routing.module.ts - 延迟加载模块）。每当我
我正在学习角度路由。 当我单击“主页/关于/仪表板”链接按钮 (test.component.html) 时，它们会正确显示 有效！适当地使用outlet1路由器插座。布...
将 health.html 检查端点添加到 Angular 应用程序
我需要使用 health.html 将运行状况检查端点添加到我的角度应用程序，该应用程序应使用 HTTP 200 和“Healthy”字符串进行响应。 我已经定义了有关 readinessProbe 的端口和路径...
我更新到了 Anglar 15，我遇到了重定向问题，根据错误所说，我有一个双//，但现实是我的代码中没有类似的东西。 **
Angular 路由：Popstate 返回不会触发之前的路由
在我的角度应用程序上，我只有一条带有参数（语言参数）的路线： { 路径：“：lang”， 组件：MainContentComponent， } 在我的应用程序中，我使用
我有一个带有显示数据的网格的组件。其中一列包含数据行的 uniqueID，并且已模板化为带有 onclick 事件的按钮。 onclick 事件将打开...
Angular 17：登录页面在启用 SSR 的每个页面刷新/路由到其他页面时闪烁
成功登录后，用户导航至主页。但是当刷新页面时，登录页面会闪烁一秒钟。最有可能的原因是，同一页面首先在服务器端呈现，然后在客户端呈现-
我目前在使用 Ionic 应用程序开发课程时遇到问题，该课程假设使用 Ionic 4 或 5，而我正在使用版本 7。具体来说，我遇到了路由问题...
在 Angular 中创建自定义 Router 类会导致异常
我想重写Router的函数navigate(commands: any[], extras?: NavigationExtras): Promise，以始终在NavigationExtras中将queryParamsHandling设置为true。 因此我
每次路由更改时，Angular Router 都会重新加载所有内容
我参与过许多 Angular 项目，但从未见过这样的问题。我正在使用 Angular 版本 16。 这是我的路由： 导出常量路由 = [ { 小路： ''， 组件：AppComponent，
Angular useHash 与提供 HashLocationStrategy
从官方文档来看，导入 RouterModule 时使用 {useHash: true} 和在 AppModule 中提供 HashLocationStrategy 作为 LocationStrategy 之间的区别尚不清楚......
我已经使用延迟加载嵌套了一些路由，但仅显示/路由中默认嵌套路由的组件
我有一个 HomeComponent，我想在 / 路线上显示 HomeComponent.hmtl 社区帖子 我有一个 HomeComponent，我想在 / 路线上显示 HomeComponent.hmtl <header> <div> <h1>CommunityPost</h1> </div> <button mat-raised-button color="primary" (click)="onLogout()">Log Out</button> </header> <mat-divider></mat-divider> <main> <nav mat-tab-nav-bar [tabPanel]="tabPanel"> <a mat-tab-link routerLink="/users" (click)="activeLink = '/users'" [active]="activeLink == '/users'" > COMMUNITY</a> <a mat-tab-link routerLink="/posts" (click)="activeLink = '/posts'" [active]="activeLink == '/posts'" > POSTS </a> </nav> <mat-tab-nav-panel #tabPanel> <router-outlet></router-outlet> </mat-tab-nav-panel> </main> 在路由器插座中我想向孩子们展示路线 应用程序路线 const routes: Routes = [ `enter code here`{path: '', component: HomeComponent, canActivate: [guardGuard], children:[ {path: 'posts', loadChildren: () => import('./posts/posts.module').then(m => m.PostsModule)}, {path: 'users', loadChildren: () => import('./user/user.module').then(m => m.UserModule)}, {path: '', redirectTo: 'users', pathMatch: 'full'}, ]}, {path: 'login', component: LoginComponent}, {path: '**', component: NotFoundComponent}, ]; 用户路线 const routes: Routes = [ {path: '', component: UsersListComponent}, {path: 'users/:id', component: UserDetailComponent}, ]; 这显示/路由 UserListComponent 而不是 HomeComponent 以及嵌套在其中的 UserList 编辑 HomeComponent.ts import { Component } from '@angular/core'; import { NavigationEnd, Router } from '@angular/router'; @Component({ selector: 'app-home', templateUrl: './home.component.html', styleUrl: './home.component.css' }) export class HomeComponent { activeLink: string constructor(private router: Router){ this.router.events.subscribe((data: NavigationEnd)=> { if(data.url !== undefined){ this.activeLink=data.url } }) } onLogout(){ if(window.confirm('You are logging out. Are you sure?')){ localStorage.removeItem('auth') window.location.reload() } } } 如果我转到 localhost/ ，它将仅显示 UserListComponent ，但是当我转到 localhost/user 时，它将显示 HomeComponent 和嵌套的 UsersListComponent ，因为它应该是 实际上共享的代码没有任何重大问题，我认为问题可能出在根组件级别，请检查下面的 stackblitz 以供参考，如果仍然遇到问题，请分享回 stackblitz 并复制问题和详细信息需要修复什么！ 主页组件！ import { CommonModule } from '@angular/common'; import { Component, OnInit } from '@angular/core'; import { RouterModule } from '@angular/router'; import { MatTabsModule } from '@angular/material/tabs'; import { MatDividerModule } from '@angular/material/divider'; @Component({ selector: 'app-home', template: `<header> <div> <h1>CommunityPost</h1> </div> <button mat-raised-button color="primary" (click)="onLogout()">Log Out</button> </header> <mat-divider></mat-divider> <main> <nav mat-tab-nav-bar [tabPanel]="tabPanel"> <a mat-tab-link routerLink="/users" (click)="activeLink = '/users'" [active]="activeLink == '/users'" > COMMUNITY</a> <a mat-tab-link routerLink="/posts" (click)="activeLink = '/posts'" [active]="activeLink == '/posts'" > POSTS </a> </nav> <mat-tab-nav-panel #tabPanel> <router-outlet></router-outlet> </mat-tab-nav-panel> </main>`, standalone: true, imports: [RouterModule, CommonModule, MatTabsModule, MatDividerModule], }) export class HomeComponent implements OnInit { activeLink = ''; constructor() {} ngOnInit() {} onLogout() {} } Stackblitz Demo
我正在尝试复制类似 Twitter 的 URL（即@用户名）。据我所知，我可以使用匹配器而不是使用路径来实现它。到目前为止一切正常，但遗憾的是我无法访问我的子路线...
Angular 独立组件路由错误：没有ActivatedRoute 的提供者
我正在使用独立组件开发 Angular 应用程序Angular.dev 教程应用程序外壳位置。我的应用程序由多个独立组件组成，我正在尝试添加 ro...
RouteReuseStrategy 不适用于具有动态参数的路由
路由器策略.ts 从 '@angular/router' 导入 {RouteReuseStrategy,ActivatedRouteSnapshot,DetachedRouteHandle,}； 导出类 RtgRouteReuseStrategy 实现 RouteReuseStrategy { 私人
我想将我的延迟加载模块之一转换为急切加载模块。我的 app-routing.module.ts 中有以下代码： const accountModule = () => import('./account/account.module').t...