问题标签 [angular-routerlink]

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 回答
402 浏览

javascript - 命名路由器出口不会在延迟加载的路由中呈现模板

我的 Angular 8 应用程序有问题,没有渲染到命名的路由器插座。

路线是:

路线模块:

settings.module

settings.component.html

当我单击链接时,地址栏中的 url 会更改(例如更改为http://localhost:4200/settings/(settings_o:profile)),但不会将内容呈现到settings_o,也不会加载组件。控制台中没有错误。

link.link例如,profile就像在 settings.module 的路线中一样。

我需要改变什么?

0 投票
0 回答
125 浏览

angular - routerLink 将组件实例的数据作为状态传递

在我的应用程序中,我以这种方式使用面包屑:

我有组件 A,用户可以从中导航到组件 B;然后,当你从 B 回到 A 时,B 需要向state组件 A 发送数据。像这样:

现在,当用户通过按自定义 BACK 按钮返回 B->A 时,我可以传递状态,因为我手动调用 router.navigate。问题是当用户点击面包屑的 routerLink 时,状态信息没有发送,组件 A 抱怨这个。
我已经看到我可以state通过 routerLink 发送,如下所示:

但我需要从我正在导航的组件中获取属性的名称和我想要作为状态传递的值。如何才能做到这一点?

0 投票
1 回答
42 浏览

angular - 子路径Angular8

我创建了一些组件和路径。我现在也有一些子组件我所做的是最初我将加载我的组件登录组件。当您登录时,将呈现两个组件,一个是父组件的仪表板,另一个是仪表板内的子组件 alllladcomponent。这是工作发现。现在我已经创建了一些链接,当我单击主页时,它会将我重定向到 logincomponent 所以我想要的是当我单击主页链接时,我想呈现所有leadcomponent而不是重定向到 logincomponent 所以这是我的链接

这里是 app.module.ts

0 投票
0 回答
202 浏览

angular - 如何使 RouterLinkActive 可以访问 ng-template 中提供的 RouterLink

有没有办法提供对ContentChildren里面的访问ng-template

如果您查看示例,您会看到问题 - 该指令在第二行routerLinkActive中没有看到任何指令。routerLink

要了解routerLinkActive指令的工作原理,您可以查看代码

0 投票
1 回答
130 浏览

angular - 如何使用一级 url 构建角度项目?

在有几个部分的网站上工作:按类别排列的帖子、视频库等。我需要一个级别的 url (domain.com/page-address)。我可以获得有关page-address必须在前端加载哪个视图的信息,但是我无法很好地组织角度项目。

我设法使一切正常,但仅通过组件,在单个模块和单个路由器插座中,通过将所有路由发送到单个组件。 routes: Routes = [{apth: '**', , component: MainComponent }] 组件决定应该加载哪个组件。

这对我来说似乎真的很糟糕,因为我不能使用 RouterLink 并且每次点击都会重新加载整个网站。

也尝试制作嵌套RouterOutlets,但无法使其工作。

你有解决方案吗?

谢谢

0 投票
2 回答
71 浏览

angular8 - Angular 8 routlerlink 仅在页面重新加载后才有效

成功登录后,将导航到仪表板 URL。从该菜单中,即使地址栏中的 URL 发生变化,链接也不起作用。当我们在浏览器中强制重新加载页面时,菜单中的路由器链接正在工作。否则,什么都不会发生。控制台中也没有错误。代码如下。

当前有效的登录导航

应用程序菜单 html

当前 routerlink 在我们进行强制重定向而不是角度路由器导航之后才起作用。如何解决?

0 投票
1 回答
1774 浏览

angular - Angular 8子路由不能从组件工作

我有一个奇怪的问题,我克隆了 ngx-admin 并尝试将主题用作基本主题。

我已经启用Layout ComponentsModulesRouting创建了路由和连接的组件,但问题是如果我直接从链接打开它们,路由工作正常。但是当我尝试使用router.navigate重定向时,路由不起作用。

以下是我的文件

应用程序路由.module.ts

app.module.ts

auth-layout.routing.ts

auth-layout.module.ts

我试图从验证组件导航到登录组件,下面是代码

但是如果我使用下面的代码,它将正确重定向

如果我做错了什么,请告诉我。

0 投票
2 回答
255 浏览

angular - Angular routerlink 复杂对象作为参数

晚上好,

我想知道使用 [routerLink] 指令传递复杂对象的最佳方法,以及如何阅读它。

IE:

提前致谢

0 投票
1 回答
1091 浏览

angular - 什么是 ng-reflect-router-link?为什么在检查元素部分中没有显示按钮

据我了解 ng-reflect-router-link 用于调试。并告诉哪个链接有元素被路由到。但是 ng-reflect-router-link 没有为我显示按钮。

我在两个不同的模块中创建了两个按钮,使整个过程保持相似。不幸的是,一个按钮正在工作,而另一个则没有。经检查的html元素如下:

有效的按钮:

不起作用的按钮:

我在这里想念什么?关于如何摆脱它的任何提示?

0 投票
1 回答
29 浏览

angular - 如何在 Angular 中正确配置路由

我正在学习 Angular 中的路由。我正在学习 Pluralsight 的一些教程。这是相同的堆栈闪电战。我尝试了一个非常基本的代码来理解路由。但我收到了这个错误:

“模块'PostModule'声明的意外值'PostList'。请添加@Pipe/@Directive/@Component注解。”

我调试了代码,这是罪魁祸首:

post-list.component.ts

我正在尝试阅读已经存储在某处的帖子(我正在使用 JSONPlaceholder)。我想在一个页面上显示所有帖子,然后在点击事件中我想导航到该特定帖子的详细信息。这是我的:

post.service.ts

这是我的: post.module.ts

我的问题是路由。我无法正确设置路线。我为此创建了一个堆栈闪电战。请指出我的错误。我真的很想通过所有最佳实践来学习 Angular。请纠正我。