angular-ui-router 相关问题

UI-Router将AngularJS Route的概念演变为更一般的State概念，用于管理复杂的应用程序UI状态。最值得注意的是，它允许嵌套的状态/视图层次结构和多个命名视图。

Angular 17 主体行为

在 Angular 17 中，我在登录服务中设置了一个可观察对象。但是，当尝试在 app.component.ts 中使用此可观察量时，它最初不会被调用。重新加载页面后

angular frontend angular-ui-router developer-tools

回答 1 投票 0

Angular 2：复杂模块架构中路由器树未正确加载

我有一个复杂的模块架构来分隔我的 Angular2 应用程序中的域。好吧，我遵循英雄之旅教程中的路由架构，每个模块都有自己的 app-routing.modul...

angular angular-ui-router router

回答 1 投票 0

Angular 更改 URL，但不打开子级

我的行为很奇怪。我的父网址有这个。项目组件 HTML 片段 {{ 合约.name }} 场景1 当我导航到...

angular angular-ui-router

回答 1 投票 0

当我导航到 URL“http://localhost:4200/”时，它会将我重定向回来

login.components.ts：从 '@angular/core' 导入 {Component, OnInit}；从“@angular/forms”导入{FormBuilder、FormGroup、ReactiveFormsModule、Validators}；从 &... 导入 {AuthService}

angular angular-material angular-ui-router

回答 1 投票 0

当我刷新页面时，Angular ngOnInit 不会被触发

我有一个问题，当我刷新页面或当我知道我没有实现任何类型的保护或任何类型的防护而尝试直接访问我的网址时，ngOnInit 不会被触发。意思

angular angularjs typescript angular-material angular-ui-router

回答 1 投票 0

迁移到所有独立版本并实现延迟加载后的捆绑包大小

最初，我在每个组件中实现了一个模块，并在我的应用程序中实现了基于模块的延迟加载。当时我的 main.js 包大小为 2mb。现在我转换为所有独立组件并且

angular angular-ui-router lazy-loading angular17

回答 1 投票 0

延迟加载独立组件进行路由时预加载所有组件

随着 Angular 17 中独立组件的使用，我们可以直接延迟加载组件，而不是使用模块。但问题是在这种情况下如何预加载？早些时候，当延迟加载模块时，我们

angular angular-ui-router lazy-loading angular17 angular-lazyloading

回答 1 投票 0

我们如何创建具有多级子级的角度的动态路线导航链接，这将在重新加载时重新创建整个导航

我想根据某些配置创建一个导航列表。就像一个数组导出接口LeftNavModel { 名称：字符串，路线：字符串，图标名称？：字符串，数据？：任意 } 所以导航数据...

angular angular-ui-router

回答 2 投票 0

在动态对话框priemng中使用steps组件实现路由

任何人都可以帮助我在 primeng 的动态对话框中实现步骤组件吗？我正在开发一个示例项目，我需要在包含多个的对话框中实现登录屏幕

angular typescript angular-ui-router primeng angular-routing

回答 1 投票 0

角度常数误差

我是 Angular 的新手，但由于某种原因，我在简单的事情上遇到了很多错误。我尝试遵循一个非常简单的指南。我创建了一个新组件并将其添加到 app.component.html 并收到错误

angular typescript compiler-errors angular-ui-router

回答 1 投票 0

角度材质设计<mat-step>数据未显示

我正在以角度安装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()] });

json angular material-ui angular-material angular-ui-router

回答 1 投票 0

如何在 Angular 8 中的查询参数之前添加片段

我想使用片段和查询参数从组件导航到其他路由。所以这里想在查询参数之前添加片段，如下所示 http://localhost:4200/home#example?fromDate=202...

angular angular-ui-router

回答 2 投票 0

Angular router.navigate 显示错误页面？独立。 ngOnInit()

我请求创建一个用户可以填写的表单。另外还应考虑拒绝访问和未经授权的访问。独立使用。由于应用程序组件是程序入口点，我在 ngOn 中检查这些...

angular angularjs angular-ui-router

回答 1 投票 0

导航栏和侧边栏以及路由的问题

我在角度第一个菜单第二个标题中创建了4个组件，第3个是主页，第4个是登录组件，在菜单组件中我使用material ui创建了sidbarnvbar，在登录组件中我有c...