angular-ui-router 相关问题

具有百分比（％2）且不呈现页面的查询参数的角

我不知所措，如何使用查询参数解决此问题并不会呈现角度视图。我已经从后端对字符串进行了编码。这不起作用：http：// localhost：2333 / change-password？...

AngularJs UI-Router-$ stateProvider无法读取我的抽象状态

我对html5Mode有问题。在我的MVC项目中，我只有一个控制器公共类HomeController：控制器{public ActionResult Index（）{return this.File（“ index.html”，“ ...

如何重定向任何嵌套的URL相同角度的组件

我在路由器const路由中具有以下内容：Routes = [{路径：“”，组件：demo1Component，canActivate：[AuthGuard]}，{路径：“ demo2”，组件：demo2Component，...

如果网址无效，则重定向到同一页面

我正在尝试重定向到同一页面，以防用户决定在该页面上输入无效的URL。到目前为止，我没有用。这样还行吗？ const路由：...

将对象传递到路由器中的另一个组件

我有一个像这样的todoDetail组件： [[[[]]]

模在角度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”，控制器：'...