angular-ui-router 相关问题

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

几乎没有角色的角JWT

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

javascript angular typescript angular-ui-router jwt

回答 2 投票 1

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

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

angular angular-ui-router angular9 angular-routerlink angular-ivy

回答 1 投票 0

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

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

angular-ui-router angular-cli angular-router-guards candeactivate

回答 1 投票 0

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

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

angular angular-ui-router

回答 1 投票 0

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

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

angularjs angular angular-ui-router angular2-routing

回答 1 投票 0

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

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

angular angular-ui-router ngoninit

回答 1 投票 0

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

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

angular async-await rxjs angular-ui-router observable

回答 1 投票 -1

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

下面是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 angular-material angular-ui-router

回答 1 投票 0

Angular UI-Router-等待内容加载

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

javascript angularjs dom routes angular-ui-router

回答 1 投票 0

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

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

angular angular-ui-router angular8

回答 1 投票 0

AngularJS使用UI路由器翻译

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