angular-ui-router 相关问题

模在角度9中闭合

嗨，我正在使用角度9的Bootstrap4。实际上，这是一个模型，当我按下Submit按钮时，该模型将不会关闭。我希望数据通过，然后模态应该关闭 ]

几乎没有角色的角JWT

我想使用多个角色来访问应用程序中的视图，如果我使用一个角色，则一切正常，但是当我使用多个角色时，视图无法访问我的模型用户拥有的权限...

Angular 9路由给出无错误的空白页面

我刚刚升级到Angular 9，并使用延迟加载创建了一些子路线。在进行这些更改之前，我的项目和路线运行正常，但是在进行了这两项更改之后，仅是HomeComponent ...

Angular 9无法停用，尽管代码看起来不错并且没有引发任何错误

您好，我是Angular的新手，请使用下面的教程链接学习这些内容。由于某种原因，canDeactivate路由防护似乎无法正常工作。我尝试过的任何帮助都将不胜感激...

缺少产品/物品/等的角度图案>>

我有一个简单的问题，很可能已经被回答了，但我找不到。假设我有一个Angular应用程序，其组件应在我的...

更改路由每次都在同一组件上调用ngOniinit

[我是个初学者，正在尝试学习角度。我正在尝试制作博客应用程序，但在我的博客应用程序中遇到了问题，我遇到了Myposts部分。因为我有三个链接，所以我的网址看起来像http：//。 ..

Angular：ngOnInit（）在每次导航中都被调用

我使用Angular 9，并且使用RouterModule。我在某处读到ngOnInit（）函数在两次导航之间仅调用一次，我的意思是每个组件仅初始化一次（ngOnInit（）函数）。我...

Angular 9服务，请确保在完成下一个呼叫[已关闭]之前的呼叫已完成

在当前情况下，我需要先获取usercontext（其中包含诸如用户文化，ID和令牌之类的信息），然后在呈现home / main之前需要将其与后续调用（作为标头）一起传递...

具有反应形式的角装订问题

下面是HTML组件 ... [] ] >> [[ 您已使用value属性设置该值。相反，您可以将值直接设置为表单。检查此： this.employeeService.getEmployeeById(this.id).subscribe( response => { this.firstName = response.firstName; this.lastName = response.lastName; this.emailId = response.emailId; this.empForm.patchValue({ fname: this.firstName, lname: this.lastName, email: this.emailId }); }); 并从输入标签中删除value属性。 尝试以下操作： <div fxLayout="row" fxLayoutAlign="center center"> <mat-card fxFlex="30"> <mat-card-content> <mat-card-title> <h2>Employee Details Form</h2> </mat-card-title> <form class="login-form" [formGroup]="empForm" (ngSubmit)="onSubmit()"> <div fxLayout="column"> <p> <mat-form-field class="item"> <input matInput type="text" placeholder="First Name" formControlName="fname"> </mat-form-field> </p> <p> <mat-form-field class="item"> <input matInput type="text" placeholder="Last Name" formControlName="lname"> </mat-form-field> </p> <p> <mat-form-field class="item"> <input matInput type="text" placeholder="Email ID" formControlName="email"> </mat-form-field> </p> <button mat-raised-button color="primary" type="submit"> <mat-icon>mic</mat-icon> Submit </button> </div> </form> </mat-card-content> </mat-card> 以及您的.ts import { Component, OnInit } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; import { EmployeeService } from '../service/employee/employee.service'; import { FormGroup, FormBuilder } from '@angular/forms'; @Component({ selector: 'app-employee-detail', templateUrl: './employee-detail.component.html', styleUrls: ['./employee-detail.component.css'] }) export class EmployeeDetailComponent implements OnInit { id: number; empForm: FormGroup; constructor(private activateRoute: ActivatedRoute, private employeeService: EmployeeService, private formBuilder: FormBuilder) { } ngOnInit(): void { this.empForm = this.formBuilder.group({ fname: [''], lname: [''], email: [''] }); this.id = this.activateRoute.snapshot.params['id']; this.employeeService.getEmployeeById(this.id).subscribe( response => { console.log(response); this.empForm.setValue(response); }); } onSubmit() { console.log("From EMP") console.log(this.empForm.value); } } 尽力确保从api返回的对象与声明的empForm FormGroup内部的所有属性和大小写匹配。 这可能还会派上用场：https://www.positronx.io/angular-8-reactive-forms-validation-with-angular-material-8/

Angular UI-Router-等待内容加载

将UI-Router与Angular 1.7配合使用，我需要更改状态并等待内容加载，然后滚动到页面底部。 //类方法onCreate（）{this.post（）....

如何从一个组件导航到另一个组件并隐藏第一个组件？

我想从仪表板组件导航到参与者视图组件。我可以显示参与者视图组件，但不确定如何隐藏仪表板组件。任何帮助将不胜感激。我...

AngularJS使用UI路由器翻译

[我有一个使用Angularjs Translate库使用Angularjs构建的应用程序-https://angular-translate.github.io/，并且由于当前网站已经存在，所以我已使用UI路由器对其进行了设置...

如何将数据传递到嵌套路由组件的角度

我正在使用Angular Router，并且具有以下嵌套路由：{路径：'resource /：id'，组件：ResourceComponent，子代：[{路径：'general'，组件：...

如何解决角度PathLocationStrategy（html5路线）刷新404，而无需将所有资源都重定向到首页

我将Angular7和Node 8.11.4用作Web应用程序，现在我需要从网址中删除“＃”，因此我将locationStrategy形式从HashLocationStrategy更改为PathLocationStrategy并添加 ...

ui路由器-嵌套状态

我们有以下代码：app.js .state（'app.single'，{url：“ / paths /：pathId”，视图：{'menuContent'：{templateUrl：“ templates / path.html”，控制器：'...

AngularJs在UI路由器状态视图中向ag-grid单元添加按钮

我问了有关AngularJs和ag-grid的问题，使用单元格渲染将按钮放置到单元格网格中，单击该按钮可根据数据执行某些操作。我得到了一个很好的答案，并得到了支持……

为什么我的路由器导航功能在角度8中不起作用？

我正在尝试重定向到这样的另一个组件：HomeComponent checkUrl（reference）{if（reference！= this.ref）{this.router.navigate（['/еrror]] ;; }}这是我的路由器...

加载父级子级路由而不是子级组件

正在尝试基于父子概念导航我的Angular应用程序。在加载时，加载父组件而不是子组件，但该URL似乎是const appRoute：Routes = [{{...

Angular 8：跨延迟加载的模块共享组件状态

我有主要的应用程序模块和一些延迟加载的模块。有一个侧面菜单可用来控制整个应用程序的导航，一切正常，但是每次我从一个模块切换到下一个懒惰时...

Angular Application。根据路由中相同路径的触发器（命令或popstate）导航到不同组件

Angular Application-我有一个组件P，该组件的按钮带有用于访问组件C（命令触发器）的路由器路径。如果用户操纵URL，如何导航到其他组件...