问题标签 [routerlink]

我有一个超链接，我需要在 Angular 4 中创建一个路由器链接。我的 url 有很多部分，其中一部分是一个数组。我不确定如何使阵列将自身拆分为 routerlink 阵列的部分。

举这个人为的例子：

我希望路由器看起来像这样 customerid = 10, order = 500, arrayofints = [1,2,3], anotherint = 888

我最终得到了这样的东西：

对于现有的 MVC 应用程序，我们使用 querySelector 引导我们的 Angular 应用程序模块。

组件被渲染，一切都很好。但是，当 innerHTML 包含路由链接时，单击它们不会导致导航到该路由。

使用 querySelector与没有 querySelector的Plunker 比较

我如何让 [routerLinkActive]="['accent']" 与 queryParams 和没有 queryParams 一起工作。

当我删除 [queryParams]="skm.path" 时，该类将与 /list 或 /graph 等路由一起应用

当我将其添加回来时，它将应用于 /list?id=1 或 /graph?id=2 等路线

但我无法让它在这两种情况下都能正常工作有人知道为什么吗？

谢谢！

我正在学习 vue js，并且我创建了一个管理页面，当我使用路由器视图时我可以路由该页面，但是当我尝试使用 href 或路由器链接时，我无法加载模板，因为 url 已更改。

这是我的 main.js

这是我的 app.vue

这是我的应用程序 vue 文件，它只想通过 href 路由到页面

这是我的 admin.vue

这是我想在 app.vue 中加载的模板，它是我想在 app.vue 中显示的简单模板。它以某种方式工作的路由器视图，但它不适用于路由器链接

上面的东西是通过路由器视图工作的，但不是路由器链接或href锚标签...................... ..................................................... ..................................................... ..................................................... …………

我正在创建一个提及指令。当用户尝试在 textarea 上插入内容时，我的指令将触发并显示用户列表。保存时，这会将值作为文本返回。

例如：Good morning @alice.Today is @bob 's birthday.

我想像帖子一样显示这个。所以想为特定用户添加超链接。

我的第一次尝试是将提到的用户列表存储在数组中，然后过滤掉，然后动态形成超链接。但这是一个失败，多个用户有问题。

现在我认为最好将文本转换为 Html 并保存为字符串。然后调用[innerHTML]。

app.component.ts

我有一个与用户相关的个人资料编号的对象

如何修改正则表达式并将带有超链接点的名称返回到配置文件？

例如：

我需要在我的应用程序中使用“relativeTo”属性以及“routerLinkActive”指令。具有使用路由的点击监听器功能

会好的。但在那种情况下，我不能使用 routerLinkActive 指令。

如何同时使用两者？

在我的本地主机上的终端上，我可以看到 npm 说 “404 错误/硬币”

然后在页面上显示 未找到

这些 URL 工作正常

但我在这个“硬币”中添加了一个

去那里

刷新是问题

navbar.component.html

然后routes.ts

索引.html

所以一切都在工作，直到添加这个硬币......并进行页面刷新，甚至是硬刷新。

1. 这不是 Angular 1 (angularJS) 这是 100% 的 Angular 最新 4.0 版本import { Routes } from '@angular/router'

可能是什么问题呢 ？

更新：显示 Coin 组件

我有这样的导航

我希望页面 1 的链接在页面 1 中时处于活动状态，对于页面 2 也是如此。它工作正常，当我导航到页面时链接被激活但问题是/即使我离开页面链接到根（）页面也始终处于活动状态。

在 HTML 中使用此代码时：

它正确导航到'/child/(flow:step1)'!!!

尝试在 Typescript 中使用此代码时：

它试图导航到错误的路径'/child(flow:step1)'!!!

它只是缺少斜线。

服务：

这是使用上述服务的模块：

我有一个 Angular Web 应用程序，我正在创建一个 WKWebview 混合应用程序。

这是一个相当基本的应用程序，底部有 4 个按钮，可将参数传递给 WKWebView，以打开屏幕的 Main、Profile、Chat 或 Settins 页面，而 WKWEbView 则支配 View Controller 的其余部分。

这是我第一次为 Angular 应用程序执行此操作，我意识到使用底部的 4 个按钮将 URL 传递给 WKWebView 会强制 WebView 每次都重新加载 bundle.js 文件，所以我真的应该通过routerLinks 指向 Angular 应用程序，而不是将 URL 传递给 WebView。

下面是我用来通过插座将聊天 URL 传递给 WebView 的代码：

我可以在此处进行任何更改以使用 Angular 应用程序来确保我通过 routerLinks 而不是 URL？