UI-Router将AngularJS Route的概念演变为更一般的State概念,用于管理复杂的应用程序UI状态。最值得注意的是,它允许嵌套的状态/视图层次结构和多个命名视图。
我使用最新的AuthGuard方法,如果用户未登录但未能登录,它应该使用router.createUrlTree进行重定向
我无法重定向到/用户请帮忙 这是 AuthGuard,我在其中订阅了发出布尔值的 authService.authSubStatus 从“@Angular/core”导入{注入,可注入}; 重要...
在 Angular 17 中,我在登录服务中设置了一个可观察对象。但是,当尝试在 app.component.ts 中使用此可观察量时,它最初不会被调用。重新加载页面后
我有一个复杂的模块架构来分隔我的 Angular2 应用程序中的域。 好吧,我遵循英雄之旅教程中的路由架构,每个模块都有自己的 app-routing.modul...
我的行为很奇怪。 我的父网址有这个。 项目组件 HTML 片段 {{ 合约.name }} 场景1 当我导航到...
当我导航到 URL“http://localhost:4200/”时,它会将我重定向回来
login.components.ts: 从 '@angular/core' 导入 {Component, OnInit}; 从“@angular/forms”导入{FormBuilder、FormGroup、ReactiveFormsModule、Validators}; 从 &... 导入 {AuthService}
当我刷新页面时,Angular ngOnInit 不会被触发
我有一个问题,当我刷新页面或当我知道我没有实现任何类型的保护或任何类型的防护而尝试直接访问我的网址时,ngOnInit 不会被触发。 意思
最初,我在每个组件中实现了一个模块,并在我的应用程序中实现了基于模块的延迟加载。当时我的 main.js 包大小为 2mb。现在我转换为所有独立组件并且
随着 Angular 17 中独立组件的使用,我们可以直接延迟加载组件,而不是使用模块。但问题是在这种情况下如何预加载?早些时候,当延迟加载模块时,我们
我们如何创建具有多级子级的角度的动态路线导航链接,这将在重新加载时重新创建整个导航
我想根据某些配置创建一个导航列表。 就像一个数组 导出接口LeftNavModel { 名称:字符串, 路线:字符串, 图标名称?:字符串, 数据?:任意 } 所以导航数据...
任何人都可以帮助我在 primeng 的动态对话框中实现步骤组件吗?我正在开发一个示例项目,我需要在包含多个的对话框中实现登录屏幕
我是 Angular 的新手,但由于某种原因,我在简单的事情上遇到了很多错误。 我尝试遵循一个非常简单的指南。我创建了一个新组件并将其添加到 app.component.html 并收到错误
我正在以角度安装Material,并在添加步进器html代码、css并导入app.module.ts文件中的所有mat模块后,但现在步进器正在显示,但步进器数据在html中不可见 我正在以角度安装材质,并在添加步进器 html 代码、css 并导入 app.module.ts 文件中的所有 mat 模块后,但现在步进器正在显示,但步进器数据在 html 中不可见 <mat-stepper #stepper> <mat-step [stepControl]="firstFormGroup"> <form [formGroup]="firstFormGroup"> <ng-template matStepLabel>Fill out your name</ng-template> <mat-form-field> <mat-label>Name</mat-label> <input matInput placeholder="Last name, First name" formControlName="firstCtrl" required> </mat-form-field> <div> <button mat-button matStepperNext>Next</button> </div> </form> </mat-step> <mat-step [stepControl]="secondFormGroup" label="Fill out your address"> <form [formGroup]="secondFormGroup"> <mat-form-field> <mat-label>Address</mat-label> <input matInput formControlName="secondCtrl" placeholder="Ex. 1 Main St, New York, NY" required> </mat-form-field> <div> <button mat-button matStepperPrevious>Back</button> <button mat-button matStepperNext>Next</button> </div> </form> </mat-step> <mat-step> <ng-template matStepLabel>Done</ng-template> <p>You are now done.</p> <div> <button mat-button matStepperPrevious>Back</button> <button mat-button (click)="stepper.reset()">Reset</button> </div> </mat-step> </mat-stepper> 模块 import:[ MatCheckboxModule, MatDialogModule, MatStepperModule, MatFormFieldModule, MatInputModule, MatButtonModule, MatSlideToggleModule, MatButtonToggleModule, MatIconModule ], declarations:[ HomeComponent ] 我正在以角度安装材质,并在添加步进器 html 代码、css 并导入 app.module.ts 文件中的所有 mat 模块后,但现在步进器正在显示,但步进器数据在 html 中不可见 如Angular Material 入门中所述,您需要将 BrowserAnimationsModule 导入到您的应用程序中。 为 Angular Material 设置浏览器动画: 将 BrowserAnimationsModule 导入到您的应用程序中可以启用 Angular 的动画系统。拒绝此项将禁用大多数 Angular Material 的动画。 对于非独立组件 Angular 应用程序,将 BrowserAnimationsModule 添加到根模块的 imports 数组中。 import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; @NgModule ({ imports: [ BrowserAnimationsModule, ], ... }) export class class AppModule {} 对于独立组件 Angular 应用程序,导入 provideAnimations。 import { provideAnimations } from '@angular/platform-browser/animations'; bootstrapApplication(App, { providers: [provideAnimations()] });
我想使用片段和查询参数从组件导航到其他路由。所以这里想在查询参数之前添加片段,如下所示 http://localhost:4200/home#example?fromDate=202...
Angular router.navigate 显示错误页面?独立。 ngOnInit()
我请求创建一个用户可以填写的表单。另外还应考虑拒绝访问和未经授权的访问。独立使用。由于应用程序组件是程序入口点,我在 ngOn 中检查这些...
我在角度第一个菜单第二个标题中创建了4个组件,第3个是主页,第4个是登录组件,在菜单组件中我使用material ui创建了sidbarnvbar,在登录组件中我有c...
将 health.html 检查端点添加到 Angular 应用程序
我需要使用 health.html 将运行状况检查端点添加到我的角度应用程序,该应用程序应使用 HTTP 200 和“Healthy”字符串进行响应。 我已经定义了有关 readinessProbe 的端口和路径...
不知道我错过了什么,我有一个子路由,参数总是未定义...但是,它确实加载了正确的组件,但不知何故,参数没有被读取。 (我确实看到了参数...
刷新已发布到 IIS 10 的 Angular 应用程序时如何防止 404 错误
我已将 .NET API 部署到 IIS10,并且在 .NET 文件所在的目录内有一个 wwwroot 文件夹,我在其中放置了已发布的角度文件。在同一个 wwwroot 文件夹中,其中
Angular:从登陆 URL 中获取 ID 并重定向到根 url
我需要从 URL 启动我的 ng 应用程序(从服务器获取): 主机/应用程序/启动/123 然后我想获取该 id (123),并立即重定向到 root,这样用户就不会被该 ID 所困扰:
我在使用 Angular 开发前端、使用 ASP.NET Core 开发后端(部署在 azure 中)的 Web 应用程序中遇到问题。每当我按下“更新”按钮或 F5 时...