angular-ui-router 相关问题

Angular 客户端动态路由重定向到页面重新加载时的通配符路由

在角度应用程序中，我有数百条动态路线。在 API 调用后添加到路由配置中。 但是当我使用动态路由重新加载同一页面时，浏览器将请求发送到服务器并返回...

我无法路由到角度中的另一个组件

<div class="mr-3 ml-3 mt-0 mb-4 leave_card_outer" *ngIf="leaveStatus !=null"> <div class="row bg-white p-2"> <div class="col py-3 leave_card_inner" *ngFor="let status of leaveStatus | keyvalue ;index as index"> <a [routerLink]="['dstatus-fr']" class=""  (click)="setViewData(status.key)"> <h3>{{ status.key | lowercase | translate | titlecase}}</h3> <p class="mt-3 mb-0 card_text" [ngClass]="getStatuskColor(status.key)"> {{status.value}}</p> </a> </div> </div> </div> 这是我的html文件 setViewData(leaveStatus: string) { console.log("fromdate",leaveStatus,this.fromDate_YYYY_MM_DD,"todate",this.toDate_YYYY_MM_DD); } 这是我的ts文件 import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { RouterModule, Routes } from '@angular/router'; import { ChartboardFRComponent } from './chartboard-fr.component'; import { ViewstatusFrComponent } from './viewstatus-fr/viewstatus-fr.component'; const routes: Routes = [ { path: "", component: ChartboardFRComponent }, { path: "dstatus-fr", component: ViewstatusFrComponent } ]; @NgModule({ imports: [RouterModule.forChild(routes)], exports: [RouterModule] }) export class ChartboardFRRoutingModule { } 最后这是我的路由文件，其中包含各自的路由详细信息 我们需要在单击 setviewdata 时路由到 ViewstatusFrComponent 在此输入链接描述 <a [routerLink]="['/user/bob']" [queryParams]="{debug: true}" fragment="education"> link to user component </a>

页面转换或导航显示黑屏的离子框架

我一直被困在与离子框架相关的问题上，其中，每当我点击幻灯片菜单然后在页面滑动之前，深黑色就会出现，就像iPhone和iPad中的黑框一样，同样的我...

使用redirectTo在Angular RoutingModule中重定向时如何维护查询参数？

总结 我想在我的 Angular RoutingModule 中从一个路径重定向到另一个路径，同时维护查询参数。但是，当重定向完成时，查询参数将不再存在。 T...

无法从 Angular 中的 Service 获取值

我已经创建了具有登录功能的应用程序，并希望在组件中获取登录的用户名 服务文件： 登录（{ 用户名，密码 }：任意）：Observable { 如果（使用...

如何使用 Angular 17 代码在浏览器中模拟“清空缓存和硬重新加载”功能？

我正在开发一个 Angular 17 项目，需要模拟浏览器提供的“清空缓存和硬重载”功能。本质上，我想强制完全刷新应用程序，

如何在角度2中刷新页面

我创建了一个路由器链接，如下所示。该路由器链接加载 ProductsStartComponent，然后该组件使用 ngif 而不是通过导航加载其他几个组件。自以下产品

Angular 17 子路由不起作用

我有一个非常简单的 Angular 17 应用程序，但我在路由到子路由时遇到了问题。所有组件都是独立的。 这就是我的 app.routes.ts 的样子： 导出常量路由：路由= [...

角度导航项：第一次单击导航到页面并打开下拉菜单？

我有 Angular 导航项组件： {{文字}} 导入 { 组件，输入 }

如何对Angular的canActivate进行单元测试？

如何测试 Angular 的 canActivate 函数，该函数返回一个函数，该函数又返回一个布尔值？ 我尝试创建 ActivatedrouterSnapshot 和 routerStateSnapshot 的对象并传递...

Angular 和 Bootstrap - 路线

我创建了一个菜单、面包屑，其中包含组件及其子组件。问题是我完美地看到了第一个孩子，但是当我打开那个孩子的孩子（可以说是孙子）时，

在 Angular 中延迟加载仪表板后子菜单不起作用

我正在开发一个带有仪表板屏幕延迟加载功能的 Angular 应用程序。我遇到了一个问题，即延迟加载仪表板时子菜单无法正常运行。下面...

页面重新加载时，父组件的相对路径会添加到资源路径中

所以我为 Angular18 配置了 Ng 路由，app.routes.ts 是默认路由，如下所示 从'@angular/router'导入{路由}； 从'./login/login.component'导入{LoginComponent}；

Angular 始终重定向到默认路径：

常量路线：路线= [ { 路径：“admin_login”，组件：AdminLoginComponent }， { 路径：“登录”，组件：LoginComponent }， { 路径：“所有者”，组件：

部署在 apache 服务器上的 Angular 13 应用程序在刷新时抛出 404 错误

我创建了一个原型 Web 应用程序，需要部署在 ubuntu 操作系统上的 apache 服务器上。 我已经构建了我的网络应用程序并托管在本地计算机上以运行测试。 我已启用设置 .htaccess，

无法获取模块组件中的queryParams（Angular）

Angular 的新手 (17) 这是我的应用程序结构 --app.routing.modules.ts --app.component.ts ------模块1.路由.模块 -------------module2.routing.module -------------module2.component.ts -...

使用ui-router和transitionservice触发url刷新

嗨，我有 ui-router 的问题。我的网址已被替换，但页面未重新加载。 我使用 "@uirouter/angularjs": "^1.0.26", "angular": "~1.5.11", 我的...

在 Angular 17 中通过 <router-outlet> 标签访问子组件

在我的app.routes.ts中， 导出常量路由：路由= [ ... { 路径：“学生”， 组件：StudentComponent， 孩子们： [ { 路径：“第一个组件”...

错误 NG0303 无法绑定到 '*ngIf'，因为它不是 'nav' 的已知属性 - Angular 18

我正在 Angular 18 中创建一个项目。目前，我只在前端工作，但我需要创建一个“测试”登录。我遇到的问题是导航栏显示在我的“登录...

首次加载页面或刷新页面时，角度应用程序中出现此 404 错误

当页面首次加载或刷新时，此错误将在控制台中使用当前 url 生成。 此错误将在开发服务器中生成，但不会在本地主机中生成。 输入图像描述...