问题标签 [angular7-router]

问题陈述

遵循的步骤：

1. 打开http://localhost:4200（索引文件加载成功）
2. 打开http://localhost:4200/customers（UI成功加载）

标题：无资源/文件，状态码为 404）

注意 manifest.json 的 Request URL http://localhost:4200/manifest.json

3. 按刷新按钮

案例 1：URL 变为http://localhost:4200/customers/（仅加载索引文件，没有 /customers 的 UI）

注意 manifest.json 的 URL 是http://localhost:4200/customers/manifest.json，状态码为 404

案例 2：由于请求 URL 错误而未找到多个资源

项目结构

索引.html

清单.json

角.json

应用程序路由.module.ts

仅从相应的页面组件获取 params.get("id")，从其他单个组件（headerComponent）获取参数 id

它是 Angular 7

它正在使用来自对应组件的这些代码，但不适用于 headerComponent

如果可能的话，我也可以从其他单独的指令中获取参数吗？

我已经构建了一个新的 Angular7 应用程序，并且本地 Angular 应用程序运行良好。现在我需要从基于 Java/JSP 构建的现有遗留 Web 应用程序启动我的 Angular 应用程序。在现有的遗留应用程序中，我有一个 URL。单击该 URL 后，应打开 Angular 应用程序。

但是每当我点击 URL 时，似乎路由没有正确地发生在 Angular 应用程序中。

本地 Angular 应用程序在 - http://localhost:4200/alerts;alerttype=renewals;cor=411119上成功运行

到目前为止，我已将 angular dist 文件夹复制到遗留应用程序的 webcontent 文件夹并运行应用程序，如下所示

http://localhost:9086/customer/eWeb/AlertApp/alerts;alerttype=renewals;cor=411119

app.routing.module.ts

谁能帮助并告诉如何从遗留应用程序启动角度应用程序？需要配置什么所有路由？

提前致谢。

我对 Angular 很陌生，但未能找到我正在寻找的答案。

我现在面临的问题是，当我切换到另一条路线时，所有全局错误消息都没有消失。

我试图通过使用 CanDeactivate 接口来解决这个问题。这是我的 canDeactivate 方法：

此方法是在名为 cms-page.guard.ts 的服务中创建的，通过在特定页面中使用它，它似乎工作得很好。例如，如果我在“课程”页面中使用它：

基本上，我所做的是在特定页面上应用 canDeactivate 方法。我想知道是否可以创建一个全局应用 canDeactivate 方法的 Guard，因此当您更改为另一条路线时它适用于所有页面？

I have a route like below:

{ path: 'contact-us', component: ContactUsComponent , data: {isPrivate: false}},

When I try to get the above isPrivate value on ngOnInit() of ContactUsComponent.ts, it gives undefined:

我有这样声明的路线：

在AppComponent我只有<div>一个<router-outlet>内部，并且组件InterventiComponent正确加载到 address /elenco-interventi。NuovoInterventoComponent然后我希望在 address 找到孩子/elenco-interventi/nuovo-intervento，它必须完全替换父组件的内容。
如何<router-outlet>正确使用 in 父级，以便我可以替换父页面的全部内容，如果我返回路由，还可以重新加载父页面并隐藏/不显示子组件内容？
例子：

我在我的 Angular 项目中使用谷歌音译 api。我的注册组件中有几个字段需要音译。我有一个单独的服务来加载谷歌音译包。在我的主页中，我有一个通过 routerLink 绑定注册页面的链接。当我从主页单击此链接时，会在控制台中显示一个空白页面，而不会出现任何错误。但是，当我直接从地址栏中点击相同的网址时，它可以工作。

我对此进行了一定程度的调试，发现问题出在直译器service.ts文件的构造函数上。如果我删除它，路由从主页可以正常工作。但我不确定如何在不删除服务依赖项的情况下解决此问题。

注册组件：

音译服务：

我能感觉到这与我在服务的构造函数中所做的活动的异步性有关。但是，我是初学者，我无法解决这个问题。

我想使用 Ionic 4 中的路由导航同一页面。

我已经尝试过此代码但无法正常工作this.navCtrl.navigateRoot('super');

我希望页面导航到 Ionic 4 中的同一页面

这里已经有一个关于它的问题，但这对我不起作用。

以下代码在我的 Angular 7 应用程序中创建链接。

零件

HTML

现在我需要queryParams动态添加。

以下代码不起作用

错误

错误：解析器错误：缺少预期：在 C:/Users/..../app-nav-bar.component.html@ 中 [{link.param[0].name: 'home'}] 的第 6 列7:10 ("link text-white p-2" *ngIf="link.display && link.param" routerLink="{{link.routerLink}}" [ERROR ->][queryParams]="{link.param [0].name: 'home'}" translate>{{link.title}} ") : Parser Error: Unexpected token } at column 28 in [{link.param[0].name: 'home'}] in C:/Users.../app-nav-bar.component.html@7:10 ("link text-white p-2" *ngIf="link.display && link.param" routerLink="{{link. routerLink}}" [ERROR ->][queryParams]="{link.param[0].name: 'home'}" translate>{{link.title}} ")

所以问题是如何将 queryParams 添加到 Angular 7 中动态创建的链接中？

任何帮助表示赞赏。问候。

更新 1：

以下是我的 tsconfig.json

我们如何创建类似堆栈的结构来导航页面，以便我们可以从同一页面创建页面的新对象，这里我想从 SuperPage 转到 SuperPage 但角度路由不支持它，在 IONIC3 中我们可以很容易地实现它navCtrl 的 push 方法，但我想在 ionic 4 中的同一页面（SuperPage）上导航，那么我们该如何实现呢？