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

html - 为什么 [routerLink] 指令选择器定义为 :not(a)[routerLink]?

在 Angular 文档中,routerLink指令选择器定义为:

:not(a)[routerLink]

据我所知,这意味着“所有具有routerLink<a>属性的非标签”

但是,稍后在同一文档中,它们显示了routerLink<a>标签一起使用的示例,例如:

这是文档中的错误,还是我对选择器不了解?

0 投票
1 回答
394 浏览

angular - Angular 4 - routerLink 不适用于自己的库

在 Angular 4 项目中,我创建了自己的用于渲染侧边栏的库,并将该库包含在主项目中。现在的问题是我想在浏览器的上下文菜单中启用“在新选项卡/窗口中打开”选项。但是当用户单击同一页面上的链接时,我不想重新加载整个页面。

这在侧边栏项目中不起作用,因为它在第三方库中。我怎样才能做到这一点?谢谢

0 投票
0 回答
23 浏览

javascript - 我们如何在Angular 4的其他组件中嵌入选择器时放置不同的值

我有大约 300 个组件,我正在添加嵌入一个常见的菜单 html,我想用唯一值更改 url 值。

这是我的文件:

common.menu.component.html

我想routerLink在嵌入其他组件时更改值

common.menu.component.ts

other.component.ts 在嵌入它时我正在传递 data-val 以获得不同的值。

我想投入**data-val**价值,routerLink这样我就可以为所有组件设置不同的 url。

是否有可能或任何其他方式来做到这一点。请帮忙

0 投票
1 回答
3136 浏览

javascript - Vue.js 将文本中的主题标签替换为

我从服务器收到一些可能包含一些主题标签的文本,当显示此文本时,我想用链接转换这些标签。

示例文本是:“今天#weather 非常好”

以下代码将字符串转换为

但它不会再次呈现给<a>标记。

如何重新渲染内容?

我尝试了https://codepen.io/movii/pen/WORoyg 这种方法,但它希望整个字符串是单个链接而不是一些文本和一些链接。

0 投票
1 回答
719 浏览

diff - Angular5 [routerLink]="['/url']" 尝试区分“[object Object]”时出错。只允许使用数组和可迭代对象

Angular5[routeLink]="['/url']"抛出一个Error trying to diff '[object Object]'. Only arrays and iterables are allowed.

0 投票
1 回答
11042 浏览

angular - Angular 5无法匹配延迟加载模块的命名出口上的任何路由

我的根模块路径是这样的:

它按预期工作,我可以在登录后路由到 ManagementPortalModule。让我们看看我的延迟加载的 ManagementPortalModule。

有一个命名的路由器插座。

我在 ManagementPortalModule 中的路线。

它可以在开始时将 Test1Component 加载到“子”插座中。单击链接时,我想路由到 Test2Component

生成的网址

/管理门户/(子:test2)

单击时没有任何反应。然后我尝试了

网址

/管理门户(子:test2)

我认为根据this的url格式正确,然后点击时出现错误

无法匹配任何路由。URL 段:'test2'

请帮忙,非常感谢!

0 投票
2 回答
478 浏览

angular - Angular 2 - 无法匹配嵌套资源的任何路由

我正在使用由 JHipster 生成器搭建的 Angular 前端应用程序。这连接到由 Mongo 支持的微服务。我正在处理一个包含子对象列表的资源。就像是:

“名称”保证是唯一的,我正在尝试创建一个 routerLink,当在列表视图中单击该特定首选项文档时,它将生成一个弹出窗口以查看该特定首选项文档。但是,我不断收到错误消息:

ERROR 错误:未捕获(在承诺中):错误:无法匹配任何路由。URL 段:“首选项”错误:无法匹配任何路由。URL 段:ApplyRedirects.noMatchError 处的“首选项”(vendor.dll.js:73690)

我真的不确定如何进行。可能导致此错误的原因:

在我的 HTML 中,以下是我从preference-list-detail.component.html 生成按钮的方式:

这是我的路由文件中的相关代码:

我从一个包中的资源链接到另一个包中的不同资源(即,preferenceList 到preference)。我在 routerLink 中尝试了一些不同的东西,包括不使用命名路由器,但无济于事。

0 投票
1 回答
691 浏览

javascript - 绑定路由器链接angular4的链接

我正在做一个 Angular4 项目。到目前为止一切正常,但我发现自己将 routerlink 的路径直接硬编码到 html 模板中:

我想以某种方式避免它并将其绑定到我拥有的路由模块。

有可能(并且合乎逻辑)吗?关于路径的最佳实践是什么?

谢谢

0 投票
3 回答
19152 浏览

angular - Angular - Passing object to @Input parameter with routerlink

I have an angular component with a @Input parameter as follows.

In another component I have this in the markup:

Perfect. Everything works as expected.

I need to move the app-transmission-history component to a stand alone page. Now I need to access it with routerLink as follows:

I can't figure out how to set the @Input parameter in the routerlink in the markup. The value I need to set it to is selectedRecord, which I have access to.

I could make changes to the app-transmission-history component to receive the parameter another way. However, it does not seem flexible if I have to change the implementation based on how we get to it.

0 投票
1 回答
2033 浏览

angular - RouterLink 通过替换来中断路由?与 %3F

我有 console.log 正确地显示了路线, customer? 但是[RouterLink]它是从 ? 到我的路线不再有效的 %3F

模板 html

路由文件

我可以用模板.. routerLink(一些管道过滤器?)以某种方式纠正这个问题,还是可以或是否必须在我的路由模块 ts 文件中修复?

如何?

我需要

但我得到