问题标签 [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 回答
5101 浏览

angular - 错误:未捕获(承诺):错误:无法匹配任何路由。URL 段:'edit/2'

我有一个使用 angular4 的简单应用程序,但出现以下错误:

这是项目的结构:

这是文件 app.routing.ts

文件 project-routing.module.ts :

文件 project.component.ts

最后是文件 project.component.html

我有另一个名为 _nav.ts 的文件:

我调用了一个显示侧导航栏的文件:

在此处输入图像描述

一切顺利,得到了我想要的项目列表,但是当我点击编辑时,我收到上面的错误错误:无法匹配任何路线......

请帮忙 :)

0 投票
1 回答
3379 浏览

angular - 如何在 Angular 5/4 中为不同类型的用户使用不同的导航栏?

我正在开发一个在 github 上找到的 Angular5 免费模板。它只包含一个导航栏,但就我而言,我有两种类型的用户(管理员和经理),它们根本没有相同的导航栏。我该如何解决这个问题?如何将它们中的每一个重定向到不同的导航栏?

这是模板的样子:

在这张图片中,您可以看到文件 app-sidebar-nav.component.html 使用包含导航栏的文件 _nav.ts。

在此处输入图像描述

这是文件 _nav.ts

在此处输入图像描述

我想添加另一个名为 _nav2.ts 的文件,经理将在身份验证后看到,这是不同的。_nav.ts 将是管理员在身份验证后看到的结果。

在目录视图/页面中,我有一个名为 login.component.ts 和 login.component.html 的文件

编辑 :

这是文件 authentication.service.ts

0 投票
2 回答
14603 浏览

angular - ERROR 错误:未捕获(在承诺中):错误:无法匹配任何路由。URL 段:“列表”错误:无法匹配任何路由。URL 段:“列表”

我有一个使用 angular5 的简单应用程序,但出现以下错误:

我正在尝试编辑客户的信息,所以在我毫无问题地获得客户列表之前,我单击编辑,我正确地获得了他的所有信息但是当我保存时我应该看到客户列表,而不是我得到了上述错误。

这是这个组件的结构:

在此处输入图像描述

文件:client--routing.module.ts

文件 EditClientComponent.ts

最后是 app.routinge.ts

0 投票
1 回答
594 浏览

angular - Angular 5 Lazy Loading Route Module with Children

我很难弄清楚为什么TEST 1孩子没有加载当前组件

在我路由到Test1ChildComponent后,会显示Test1ListComponent视图。URL 更改,但Test1ChildComponent视图未加载

路由树:

应用程序路由模块

核心路由模块

test1-routing.module

0 投票
2 回答
1190 浏览

javascript - Angular 2路由到具有不同url的相同组件

例如,如何路由到相同的组件但具有不同的 url 和不同的数据

这是我尝试做的,我还有其他使用 ExportComponent 但具有类似路由的路由,例如exports/:exportId。

当我使用 /exports/open 访问 url 时遇到的问题是路由到 ExportComponent 而不是 ExportListComponent。如何使用 url 路由到导出/打开并路由到 ExportListComponent,而不是 ExportComponent。问题是当我路由到 /exports/open 时,它会认为 'open' 是一个 id,但我需要路由到 ExportListComponent

0 投票
0 回答
91 浏览

angular - 带孩子的角度路由器模块

我正在尝试使用 来自 Angular的 router-outlet标签和routerModule来实现一个带有子组件的组件。

角度路由器模块的问题。由于某些未知原因,父组件有 2 个以上的子组件不起作用。就我而言,第三个链接根本不起作用,如果我打开 chrome 控制台,它尝试导航到的链接不是 localhost:4200 而是 localhost:8080。

如果我更改顺序,那么其中一个将根本不起作用。

这是我在 chrome 控制台中得到的图像。它不应该到达服务器。 Chrome 控制台服务器响应错误

0 投票
1 回答
310 浏览

angular - 如何将 Angular Universal 项目部署到 plesk 中的虚拟目录

我想在我的域虚拟目录中部署角度通用项目,但问题是当我部署项目时它不加载任何 css js(资产)和内页

例如 domain.com/virtual 目录,但是当打开它时没有加载它的资产说没有找到 domain.com/css 虽然它必须是这个 domain.com/Virtual Direcory/css

0 投票
0 回答
54 浏览

angular - sharing data between two routes angular

i am trying to pass data between two routes called Teacher and Student.Both routes are taking the same components with another views.

i have issue to pass booleans from teacher to student i was building a services like this:

service :

student:

Teacher:

when i cliked on Camera's button the Subject send my a boolean direct to Camera's function and the behaivorSubject triggered the next state. But the of my router module route don't work as expected .the student component take the false as default and not make the update like the teacher make it ; (teacher change the state of the subscrition to true but the subscription from school dont make the update inside of subscrition ) i was triying without (in the app.component.ts like components and work fine but with the router-outlet don't work ) how might i fix this behaivor ...?

0 投票
1 回答
44 浏览

angular - Angular-routing:html-template 中的路由链接无法与路由模块中定义的路由匹配

我有一个关于路由的问题(模块内有多个路由,延迟加载)。

假设我有 2 个模块

1-app.routing.module.ts 2-user.management.routing.module.ts

在应用程序路由模块文件中,我有

和里面的用户管理路由模块文件

当我使用“ng serve”运行应用程序时,它按预期工作。我添加了一个链接,例如

当我点击忘记密码链接时,应用程序抛出错误

你能在这里指导我我的代码有什么问题吗?

0 投票
1 回答
126 浏览

angular - 在Angular中再次单击时如何刷新父路由及其组件?

我有一个Master-Detail 容器组件,其中包含 2 个展示组件 masterdetail。用户将单击该链接http://localhost:4200/master。主组件将从服务器检索数据并显示项目列表,并将详细组件导航列表中的第一个项目。路线现在将变为http://localhost:4200/master/detail:1

现在用户可以返回并http://localhost:4200/master再次单击该链接。但是组件没有任何反应,也没有下载新数据。组件的行为就像它们被缓存一样。

如果用户再次单击,我想刷新整个Master-Detail 。http://localhost:4200/master数据需要从服务器下载,并像用户第一次点击一样显示详细项目。

我需要在组件或模块中进行哪些设置,以及实现它所需的路由更改?

这是我目前的路线: