ngRoute模块为AngularJS应用程序提供路由和深层链接服务和指令。
我试图将两个子子路由添加到子路由，如下所示，但是当我执行代码时，样式不适用于子子组件，控制台显示以下错误： 重新...
我遇到了使用 Angular 路由器导航返回页面时 ngOninit 未触发的问题。 //这会触发并转到 /test/parent-route this.router.navigate(['/test/p...
我正在开发一个使用 Google OAuth 的 Angular 应用程序。在我的路由模块中，我设置了 AuthGuard 来保护一些路由，以便用户在未登录的情况下无法访问这些页面。一旦他们发现...
Angular 14 路由，添加带变量的动态 loadComponent 导入 url
使用 angular 14 独立概念我希望实现动态路由，它将从路径中为各个客户加载组件 加载组件：（）=> { const abc:string = '客户 1'; ...
AuthGuard 中未同步 Google OAuth 登录状态
我正在开发一个使用 Google OAuth 的 Angular 应用程序。在我的路由模块中，我设置了 AuthGuard 来保护一些路由，以便用户在未登录的情况下无法访问这些页面。一旦他们发现...
如何将以前的路线作为 Angular 中的路径？ 我尝试通过此链接使用解决方案，但它不会在第一页加载时执行。 构造函数（路由器：路由器）{ 路由器事件 .pipe(过滤器(
我有一个具有重定向功能的简单应用程序： 常量路线：路线= [ { 小路： ''， redirectTo: '订单', 路径匹配：'完整' }, { 路径：'订单'，
Angular - 如何在不修改历史记录的情况下更改 url
我想更改我的页面的 url，但不更改角度历史状态或重新加载页面。 这有可能吗？ 已经试过了 方法 没有历史变化 不重新加载
我正在为我的网站使用角度。当用户输入错误的 url 时，如何重定向到我们的主页。我也一直在使用通配符路由。当用户输入错误的网址时，它会起作用，比如 www.wename.com/test ...
我有一个带有辅助路由器和一些嵌套路由的应用程序。 如果我从我的主要路线中删除到我的辅助路由器的导航，它工作正常。 如果我从我的辅助 r 中的嵌套路由执行此操作...
问题 我有一个内容管理系统 Angular 应用程序，其中所有组件都存在于主组件中。路由是为此组件动态创建的（在运行时）。 例如。页面是...
当我有以下路线时 首页 例外 错误：NG04005：'.....
角度单元测试：未捕获错误：未捕获（承诺）：错误：无法匹配任何路由
我在运行“ng test”时遇到 Angular 单元测试，我在终端中收到以下错误。 错误：'未处理的承诺拒绝：'，'无法匹配任何路线。网址段：“我的帐户”...
使用 i18n 在 Angular 中切换到不同的语言 URL（重新加载页面）
我正在构建一个使用 Angular 的 i18n 框架的 Angular (14) 应用程序。 (https://angular.io/guide/i18n-overview) 我用 --localize 构建，一切都很好，网站可以访问
我尝试将 routerLinkActive 和 routerLink 用于我的导航链接，它会影响导航链接的显示。 =====app.component.html====== 我尝试使用 routerLinkActive 和 routerLink 作为我的导航链接，它会影响导航链接的显示。 =====app.component.html====== <app-navbar></app-navbar> <div class="container"> <router-outlet></router-outlet> </div> ====index.html====== <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>AfrabUi</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="stylesheet" href="https://bootswatch.com/5/yeti/bootstrap.min.css"> </head> <body> <app-root></app-root> </body> </html> =====导航栏组件.html==== <nav class="navbar navbar-expand-lg navbar-dark bg-danger "> <div class="container-fluid"> <a class="navbar-brand" href="#"> <img src="../../favicon.ico" alt="afrab chem logo"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0 navbar-left"> <li class="nav-item"> <a class="nav-link active" aria-current="page" [routerLink]="['/']" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">Home</a> </li> </ul> <ul class="navbar-nav me-auto mb-2 mb-lg-0 navbar-right"> <li class="nav-item"> <a class="nav-link" [routerLink]="['/about']" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">About Us</a> </li> <li class="nav-item"> <a class="nav-link" [routerLink]="['/product']" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">Products</a> </li> <li class="nav-item"> <a class="nav-link" [routerLink]="['/login']" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">Login</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Logout</a> </li> <li class="nav-item"> <a class="nav-link" [routerLink]="['/register']" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">Register</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Blog</a> </li> </ul> <form class="d-flex" role="search" width="30"> <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> <button class="btn btn-outline-success" type="submit">Search</button> </form> </div> </div> </nav> 我将 routerLinkActive 和 routerLinkOptions 移到了 li 标签中 您已将 routerLinkActive 和 routerLinkActiveOptions 从标签移动到导航栏组件中的 标签。 <ul class="navbar-nav me-auto mb-2 mb-lg-0 navbar-right"> <li class="nav-item"> <a class="nav-link" [routerLink]="['/about']" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">About Us</a> </li> <li class="nav-item"> <a class="nav-link" [routerLink]="['/product']" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">Products</a> </li> <li class="nav-item"> <a class="nav-link" [routerLink]="['/login']" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">Login</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Logout</a> </li> <li class="nav-item"> <a class="nav-link" [routerLink]="['/register']" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">Register</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Blog</a> </li> </ul> 谢谢，它已经修复了，我不得不从本地机器上删除文件并将其拉回来。 不需要斜杠（'/'）来识别路由器链接的路径。 “”“ <nav class="navbar navbar-expand-lg bg-danger"> <div class="container-fluid"> <a class="navbar-brand" [routerLink]="['']"> <img src="\favicon.ico" alt=""> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNavAltMarkup"> <div class="navbar-nav"> <a class="nav-link" aria-current="page" [routerLink]="['home']" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact:true}">Home</a> <a class="nav-link" [routerLink]="['about']" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact:true}">About Us</a> <a class="nav-link" [routerLink]="['products']" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact:true}">Products</a> <a class="nav-link" [routerLink]="['contact']" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact:true}">Contact Us</a> </div> </div> </div> </nav> “”“
我有两个路由定义为这样的children。[ { path: 'Templates', component: TemplatesComponent }, ...
Angular。在routerLink里面做一个routerLink。
基本上，我有一个页面是使用路由器链接加载的，我希望它也能通过使用路由器链接来改变内容，但我不想复制和粘贴topBar和botBar的html。
该网站是打开OK，我能够导航到不同的页面没有任何问题。然而，当我打开主页并按下刷新按钮时，网站会中断并返回以下内容......
我有两个组件，一个父组件和一个子组件。同一个父组件应该在两个不同的路由上加载，比如说路由1和路由2。父组件检查使用的是哪条路由，并设置一个布尔值 ...
在我的应用程序中，我有两个页面Dashboard和Transactions以及一个控制导航的Sidebar组件。当我第一次从Dashboard导航到Transactions时，我订阅了一个用户状态 ...