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

javascript - Angular 2 - 不适用于 Webstorm 11.01 和 Jade 4.2

我一直在研究可以在此位置找到的 Angular 2 指南示例:https ://plnkr.co/edit/I4ArEQTniO7MJtfzpBWl?p=preview 。

在我的桌面上,这个应用程序可以很好地使用内联模板代码,但是一旦我更改为 templateUrl 文件,我就会遇到问题。我发现这是由于 WebStorm、Jade 和 Angular 2 的组合存在问题。请参阅以下博客:https ://youtrack.jetbrains.com/issue/WEB-19625和https://github.com/donpark/ html2jade/问题/102

一个问题是 html2jade 转换器将属性更改为小写。下面是一个示例,其中 routerlink 的 Link 和 routerlinkactive 的 Link & Active 将首字母更改为小写。我可以通过根据需要更改属性名称来解决这个问题。

我无法解决的问题是出现在博客中的 WebStorm 错误。在我的情况下,最后一个 routerlink 行,即联系人的行,会导致语法错误。

我想继续使用 WebStorm 和 Jade。有谁知道解决方法或任何产品的其他版本是否可以解决这些问题?

0 投票
2 回答
4626 浏览

angular - Angular 2 routerlink 有多条路由?

我只想删除一个类,只有一条路线,(或在所有但一条路线上添加一个类。)这怎么可能?我试过 [routerLink] 有多个参数无济于事:

或者,是否有 [routerLinkNOTActive] 之类的东西或类似的东西:

因此,它会在所有不是“/home”的路线上添加“col-sm-9”类。看起来很简单,但找不到任何事情要做。

0 投票
1 回答
126 浏览

angular - 在底部配置 RouterLink

我正在练习 Angular 2,并配置了一个输入密码的按钮和一个正确的按钮以重定向到第二页。我配置了路由,但我不知道该怎么做才能对其进行验证然后重定向。

我目前在下面进行了配置,但我无法单击按钮,我想重定向到第二页。

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

0 投票
4 回答
2771 浏览

angular - routerLink 在带有 angular2&4.0.0+ 的 innerHTML 中不起作用

我在我的html页面中使用:[angular-cli=1.0.0+ node=7.7.4+ angular=4.0.0+] 我使用代码<div [innerHTML]="htmlWrite"></div> ts:htmlWrite='<a href="#" [routerLink]="/user/list"></a>' 但是当我使用'npm start'开始我的服务时,在html中我只是看到<a href="#"></a>,'/user/list' 没有链接。我搜索了很多关于这个的答案,我尝试了很多次但仍然失败,你能告诉我如何解决这个问题吗?通过使用 NgComponentOutlet?还是其他人?请告诉我详细信息。谢谢。PS:angular2(4.0.0+)

0 投票
2 回答
10242 浏览

angular - 模板解析错误:解析器错误:意外的令牌 - RouterLink

关于以下错误。我收到模板解析错误RouterLink

RouterLink在 Angular 2中使用的正确方法是什么 ?

0 投票
0 回答
288 浏览

angular - 如何在不更改父动态参数的情况下使用指向子的 routerLink

我正在尝试在不更改父参数的情况下路由到子链接。

这是我尝试过的,我也尝试过其他方法,但直到现在还没有奏效。

0 投票
1 回答
4741 浏览

angular - 如何在按钮标签angular2中测试routerLink

按钮看起来像这样

我想检查/account/recovery/identification单击按钮后url 是否已重定向到

如果是锚标记解决方案,请在此处提供。我的问题是按钮标签。

我的测试规范看起来像这样。

但它并没有给我想要的结果,这是我得到的:

甚至buttonElements[0].nativeElement.click();似乎不起作用,因为没有注册点击事件。

0 投票
1 回答
5785 浏览

angular - routerLink 在角度 2 中不起作用

页面中的路由没有发生。我使用了下面的 HTML 和配置代码。

路由配置代码是

当我在分页链接中单击“1”或“2”时出现以下错误。

ERROR 错误:未捕获(在承诺中):错误:无法匹配任何路由。URL 段:'review/phrase/NaN' 错误:无法匹配任何路由。URL 段:“review/phrase/NaN”在 ApplyRedirects.noMatchError (router.es5.js:1404) [angular] 在 CatchSubscriber.selector (router.es5.js:1379) [angular] 在 CatchSubscriber.error (catch.js :104) [角度] 在 MapSubscriber.Subscriber._error (Subscriber.js:128) [角度] 在 MapSubscriber.Subscriber.error (Subscriber.js:102) [角度] 在 MapSubscriber.Subscriber._error (Subscriber.js:128 ) [角度] 在 MapSubscriber.Subscriber.error (Subscriber.js:102) [角度] 在 MapSubscriber.Subscriber._error (Subscriber.js:128) [角度] 在 MapSubscriber.Subscriber.error (Subscriber.js:102) [角度]

0 投票
4 回答
11109 浏览

angular - div的边界绑定到routerlink指令?

我遇到了一个问题,即使用 routerLink 的 div 在单击时带有蓝色边框。我认为我遗漏了一些非常明显的东西,甚至可能是我在浏览器中的配置或遗漏了一些 css 样式,因此如果是这样,将不胜感激对修复的礼貌解释。

我在这里汇总了该问题的基本演示 - https://github.com/DavidStreid/routingIssue。创建此问题的代码片段位于 src/app/allGreetings.component.html,我将其放在下面。只需从根目录 /routingIssue 下载并“npm install;npm start”,即可通过单击不同的问候来查看问题。我在 chrome 中看到了这个。

编辑:这是来自 unitario 建议的更新版本,我仍然看到蓝色边框 -

解决方案:来自Shota Papiashvili。轮廓来自焦点选择器。我不想要边框,所以我消除了它并添加了另一种焦点样式 -

0 投票
1 回答
3601 浏览

javascript - 未捕获(承诺):错误:无法匹配任何路由。网址段:

Estou obtendo o seguinte erro quando tento abrir um novo formulário via [routerLink]:

error_handler.js:54 例外:未捕获(承诺):错误:无法匹配任何路由。URL 段:'usuario-cadastrar-dialog' 错误:无法匹配任何路由。URL 段:'usuario-cadastrar-dialog'

页面 HTML:

usuario-routing.ts

应用程序路由.module.ts