问题标签 [angular-routerlink]

我正在使用 angular 5 和 angular 材料。我有一个mat-sidenav-container由mat-sidenav和 组成的mat-sidenav-content。我的页面顶部有一个垫子工具栏。我想在我的中使用 routerLinksidenav-content但它不工作但它在我的 mat-toolbar 中工作。即使是按钮单击功能也不起作用。下面是我的代码

我正在使用 Angular 5，我想使用管道动态克隆 DOM 模板：

parameter.text 包含一个值，例如：

Please click {{insertTemplate}} to go to the next page.

而且我想使用管道将子字符串替换{{insertTemplate}}为内容，<div id=template">最重要的是，我希望锚标记的 routerlink 能够正常工作。

我阅读了有关在组件中访问的信息，例如在此处解释，但是如何在管道中实现这一点？

我有一个称为main此处main.routing.ts定义的组件：

而且我还有另一个content-toolbar组件，我想在其中创建指向main组件的链接。在 content-和 at 处content-toolbar导入。我有这段代码：routertoolbar.module.tscontent-toolbar.component.tscontent-toolbar.component.html

但是此代码不会将此图像转换为指向其他组件的链接。我应该如何将main组件引用为路由器（ed）到 from content-toolbar？

我有一个关于 Angular 5 路由的问题。

如果我在下面声明这样的路由，route guard则每次我通过routerLinkhtml 路由到其中一个组件时都会调用 。

但是，如果我使用路由声明它componentless，则仅在应用程序启动时才调用守卫。当我在 html 中切换路由时，再也不会调用守卫了。

为什么每次路由到组件时都不会调用无组件父路由的场景中的路由保护？

我有一个单页网站在使用 angular cli 编写的 apache web 服务器上运行。我有一个主页和多个使用 routerlink 标签进行导航的链接，它们可以正常工作。但是，例如，当我单击“关于”时，它会导航到 website.net/about 并且一切都很完美，直到页面重新加载或者我在抛出 404 错误时手动输入 website.net/about。

这是主要的应用程序代码：

索引.html：

app.module.ts：

app.component.ts：

app.component.html：

任何帮助和/或链接将不胜感激，如果可以使用 apache Web 服务器修复它，我愿意以这种方式修复它，但不希望

我在 Angular 6 应用程序中使用剑道 UI 网格。在 kendo-grid-column 中，我希望能够单击 EmployeeId 并将用户引导到另一个组件以显示详细信息。我正在尝试在锚标记中使用 [routerLink]，但它没有充当可点击的超链接。另外请检查我的语法是否正确。

需要帮忙！我正在使用 Angular 4。在哪里使用侧边栏作为单独的组件并在侧边栏的右侧显示相应的数据。（即，如果用户单击侧边栏上的链接 A1，它应该在侧边栏右侧的顶部显示 A1 的内容）。但它不起作用我也尝试使用简单的 HTML href 属性移动到特定的 div。它工作得很好，但我遇到的问题是当用户点击 B 的链接时，页面再次开始加载页面，因为 B 是另一个组件。有角度的解决方案吗？

而且，如果我滚动到 A 的容器的中间，并且在单击链接 B 后它没有显示容器顶部，它只是从我离开容器 A 的中间显示。有什么解决方案吗？

我怎么能有一个默认的路由home/Welcome，目前我的路由只是http://localhost:4200/home，我希望用户将默认的 idName 设置为 Welcome。

我的路线设置为：

我的 ContentdetailsComponent html 为：

我有以下情况。我有两个组件，InvLoginComponent它们InvDashboardComponent安装在我的应用程序中的“主要”（或无名）路由器上。用户登录并被路由到仪表板组件。在仪表板内部，我有一个带有链接的 sidenav。单击链接时，我想将相关组件加载到一个命名的路由器出口内InvDashSidenavComponent，其中嵌套在InvDashboardComponent. 到目前为止，代码如下所示：

app.module.ts

app.component.ts

inv-dash-sidenav.component.ts

inv-dash-sidenav.component.html

当我运行该应用程序时，会发生以下情况： 1. 仪表板和所有其他非 sidenav 组件都像以前一样加载。2. 从切换按钮触发 sidenav 后，sidenav 像往常一样滑入。3. 点击链接时，我收到以下错误信息：Error: Cannot match any routes. URL Segment: 'dashboard'。

是什么导致了这个错误，有什么方法可以解决这个问题？

在我的应用程序中，我使用 routerLink 根据在 routerLink 中传递的参数创建我的链接。

上面的代码使用提供的 userId 生成链接，但我想自定义 angular routerLink 以便我可以检查 UserId 是否有效，如果有效，我将通过此返回转换后的 href 链接，如果不是，我将返回空白或空 url。

我不能使用任何其他指令方法或管道工厂，因为我在项目的多个地方使用了这个 routerLink 代码，所以我只是不想去更改每个编写该代码的地方。任何人都可以指导我吗？我只需要概念，我可以为这个想法编写代码。

如果需要，如果对此有任何疑问，我可以进一步解释。