问题标签 [angular-route-segment]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
21 浏览

angular - Angular 路由器不使用 PathParam 加载我的页面

我正在研究 Angular 并且遇到了一些路由器问题,因为我正在尝试使用路径参数访问其中一个路由并且出现错误,页面无法加载。

主页面:

在此处输入图像描述

路由的:

在此处输入图像描述

app.module.ts文件:

InfoComponent 类:

负责渲染内容的 HTML 组件:

访问页面时应该呈现的内容:

谁想看完整的代码,在下面的链接:

https://github.com/LeoManzini/BootcampSantander/tree/main/Angular/course-manager

谁能帮我解决这个问题,我会很感激的!!

0 投票
1 回答
141 浏览

angular - Angular 12 Routing 在 URL 中显示 UTF-8 字符,例如“%2F”、“%3F”,并且显示无法匹配任何路由。URL段错误

我有一个 Angular 应用程序,它需要在登录后显示主页。当应用程序正确登录时,URL 栏中显示的 URL 包含 UTF-8 字符,例如'!'、'%2F'、'%3F',重新加载时会显示错误Error: Cannot match any routes. URL Segment: '!'

应用程序路由.module.ts

为了导航到路线,使用以下功能

导航方式

现在,当应用程序在登录后移动到新路由时,它会在浏览器的 URL 栏中显示以下类型的 URL

http://localhost:4200/#!#%2Fhome%3Fguid=c217-21f6-189f-8b69-a1a6&screenId=3b3f2275-0ad4-48d6-bd76-8270cb9b9807

在浏览器中使用上述 URL,当我们尝试重新加载页面时,它会显示以下错误并重定向回登录页面

错误:无法匹配任何路由。网址段:'!'

Angular Version used: 12.2.9

这可能是 Angular 12 的问题,还是我在这里做错了什么?

0 投票
0 回答
19 浏览

angular - 以角度显示子组件,如单个组件

我正在尝试在父组件之外显示一个子组件(但我需要我的路由器将子组件用于我的面包屑),这是我的路由定义:

我想像 carComponent 一样显示 HelpChoose 和 knowModel。

我试过这个,但不工作。我试试这个,但不工作。

这是路线:http://localhost:4200/home/car/HelpChoose

但是在控制台中我看到了这个错误: