Angular 2 路由器中间的通配符选择器

2023-12-28

我正在尝试使用 Angular.js 2 开发一个项目。我正在尝试使用路由器。

我正在尝试创建一条带有参数的路线来捕获如下内容:

/m/SOMETHING1/c/SOME/THING2/p/SOMETHING3

请注意,SOME/THING2 是一个字符串,其中可能包含 0 个或多个 /

我需要的路由定义是这样的:{ path: "/m/:sth1Var/c/*sth2Var/p/:sth3Var", component: MultiPost, name: "RouteName" }

但我找不到在中间使用通配符(*)的方法。

我想要实现的目标是否可能without捕获所有 url 并自己解析整个内容?


我不认为你可以通过路由定义来实现这一点。您应该将其从路由中移至参数或单独的路由中。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 2 路由器中间的通配符选择器 的相关文章

  • Angular 2:当我通过浏览器刷新时发生404错误[重复]

    这个问题在这里已经有答案了 我已将单页应用程序存储在服务器中名为 myapp 的文件夹中 我已将库中的 URL 更改为http example com myapp http example com myapp 60 我的项目有两个页面 所以
  • 如何为 Angular 4、5 中的动态元素分配哈希 ID ref id

    如果我的问题很愚蠢 我很抱歉 我有 30 多个静态 ng container 和一些独特的静态 hashtagID 但我想在 ngFor 的帮助下动态创建它们 public lists food book cook 期望输出
  • ionic2 对菜单项应用 ngx-translate

    我正在使用 ngx translate 来支持多语言 并且运行良好 但我也想申请菜单项 我该如何实现这一目标 我有 3 个菜单项 我想更改每个标题的语言 ts file appPages PageObj title Profile comp
  • 更改 ag-grid 上的页面和缓存块大小会导致项目无限加载

    我希望使用 ag grid 的 服务器端 模式重新获取每个页面的数据 为了做到这一点 我将 maxBlocksInCache 1 和 cacheBlockSize 设置为等于每页的项目数 到这里为止一切正常 现在 当我更改每页的项目数时 网
  • 如何在 Angular cli 的 linting 中忽略/排除某些文件/目录

    如同这个问题 https stackoverflow com questions 42241654 angular cli exclude files directory for ng test code coverage 我正在运行以下命
  • angular2-google-maps 自动完成功能不起作用

    我正在尝试使用 angular2 google maps 将自动完成功能添加到我的项目中 我在 AppModule 中添加 AgmCoreModule forRoot 带有库 places 然后在组件中添加自动完成代码 我仍然收到 无法读取
  • 如何将 zingchart 实现到 Angular2 中

    我有一个现有的项目 我想在其上实施 zingcharts 我尝试了 3 个不同的教程 主要来自 https blog zingchart com 2016 07 19 zingchart and angular 2 charts back
  • 如何从 Angular 7 中的另一个组件更新视图?

    我想从导航栏刷新我的卡集 该导航栏是应用程序组件 html所以我准备了刷新 功能 当它被调用时 它会更新变量 Cards 但不会将其呈现在ngFor在 html 元素上mainView html 如果我从 html 元素调用 它会渲染更新的
  • 如何使用 Web 套接字和 Angular CLI 设置代理

    我有一个使用 Angular CLI 构建的简单 Web 应用程序 我希望它使用网络套接字与后端通信 我已经编写了后端 并使用一个简单的 index html 页面进行了测试 服务器可以在套接字上发送和接收该页面 在我的 angular c
  • 使用 Observable 与 Immutable 进行变更检测

    所以我读了本文 http victorsavkin com post 110170125256 change detection in angular 2关于 Angular 2 变更检测 但读完之后我变得更加困惑 所以我开始阅读一些导致更
  • Angular 2 runOutsideAngular 仍然改变 UI

    从我的理解来看runOutsideAngular https angular io docs ts latest api core index NgZone class html runOutsideAngular anchor 如果我需要
  • 如何通过自定义指令动态添加组件

    我想编写一个自定义指令 它将根据 div 内的某些逻辑动态添加组件 我在其中使用了自定义指令 我尝试使用 componentFactoryResolver 和 viewContainerRef createComponent 动态添加组件
  • D3、TS 和 Angular 2

    我正在尝试将 D3 v4 与 Angular 2 Typescript 一起使用 我目前正在研究 D3 v4 我能够遵循 stackoverflow 中类似问题的一些答案 但没有成功 我已经导入了大部分 D3 库及其类型 我使用的是 TS
  • 在 Angular html 模板中访问常量枚举

    假设我有一个常量枚举 export const enum MyConstEnum Value1 Value1 Value2 Value2 Value3 Value3 现在我想在我的 Angular 模板中使用它 span This has
  • 如何在父视图和子视图中使用组件两次(DI 是共享的,comp 是单例)

    我有一个按钮组件 具有应用程序特定行为 我打算在应用程序中广泛使用它 问题是 当我有一个使用此按钮的父 子视图时 单击父按钮会触发子视图按钮的 操作 如果不这样做 您自然不会明白发生了什么有多年的面向对象编程经验 让年轻的学校新手使用 da
  • 在指令中动态添加 *ngIf

    如何动态地将 ngIf 添加到用属性指令修饰的元素 为了一个简单的实验 我尝试了这个 Directive selector lhUserHasRights export class UserHasRightsDirective implem
  • 如何在 Angular 4 中翻译 mat-paginator?

    你知道如何在 Angular 中翻译 每页项目 吗mat paginator标签 这mat paginator是材料设计中的一个元素 您可以使用MatPaginatorIntl为了这 威尔 豪厄尔制作 https github com an
  • Angular 2 - ng 构建与 webpack 构建

    我想了解构建和部署 Angular 2 Web 应用程序的最佳方法是什么 我最终需要将其作为 Web 捆绑资源提供给我的 dropwizard 应用程序 我试图了解是否应该保留 ng build 并使用它来生成我的 dist 文件夹 或者我
  • 带纱线的 Angular CLI

    如何将 Angular Cli v6 0 3 的包管理器更改为yarn 我试过 ng set global packageManager yarn 但 Angular 说 get set 已被弃用 取而代之的是 config 命令 ng c
  • 为什么我不能在 Angular 模板中定义内联函数?还能怎样做呢?

    我正在使用 Angular 2 而且是新手 我想为单击按钮调用一个小函数 所以我尝试这样做 也许是因为我来自 React 背景

随机推荐

  • Youtube API 返回当前时间

    我正在使用 youtube iframe api 似乎无法在文档或 google 上找到任何引用如何获取当前媒体完成时的返回值的内容 我需要构建一个脚本 可以在其中传递时间变量 其中当变量与当前播放时间匹配时可以触发事件 我知道在嵌入 AP
  • 如何在 R 中导出/导入向量?

    我意识到这是一个非常基本的问题 但我想确保我做得正确 所以我想问只是为了确认 我在一个项目中有一个向量 我希望能够在另一个项目中使用它 我想知道是否有一种简单的方法可以以一种可以轻松将其导入到另一个项目的形式导出该向量 到目前为止 我想出的
  • 从 jquery 通过 AJAX 发送图像数据

    我需要使用 AJAX 将图像数据 data image png base64 从客户端发送到我的 PHP 服务器 我的 AJAX 调用如下所示 表单数据包含图像 ajax url global siteurl save image data
  • 捆绑 git 存储库而不克隆它

    如何捆绑 git 项目而不需要每次都克隆它 现在我总是执行下面的命令 git clone mirror http git project cd git project git bundle create git project lock a
  • selectInput 值未在可反应的 Shiny 中更新(麻烦绑定-unbiding)

    我在 Shiny 的可反应内部有一个 selecInput 但输入没有更新 我想做这样的事情 但可以反应 绑定 取消绑定 DataTable 时出现反应问题 https stackoverflow com questions 3757203
  • 来自 AngularJS 的 Django CORS API

    我已经在 Django 中使用 django cors 启用了 CORS https github com ottoyiu django cors headers https github com ottoyiu django cors h
  • Numpy - 多个外积

    我想知道是否有一种方法可以计算多个外部产品并将结果堆叠在单个操作中 假设我有一个 Nx1 向量并与 1xM 向量进行外积 结果将是一个 NxM 矩阵 如果我有一个 NxR 矩阵 A 和一个 RxM 矩阵 B 会怎么样 是否可以构造一个 Nx
  • .NET 中的类数量?

    NET 中的类总数是多少 那个数字 位于下载的 NET 2 0 NET 3 0 和 NET 运行时中 3 5 SP1 我们正在写一篇关于应用程序的科学论文 基于 NET 目前声明还有更多 超过6000个班级 但我不确定这是否正确 数字 例如
  • Antlr 外部输入

    我有一个语法文件 BoardFile g4 其中包含 仅相关部分 grammar Board Tokens GADGET squareBumper circleBumper triangleBumper leftFlipper rightF
  • 如何为 UIWebView 设置自定义键盘

    如何为 iOS7 及更高版本的可编辑 UIWebView 显示自定义键盘和输入附件视图 即 我如何设置并使用其中的值 UIWebView setInputView and UIWebView setInputAccessoryView 了解
  • Google Contacts API - 获取访问令牌(oauth)后

    我设法获取谷歌联系人 API 的访问令牌 但是当我尝试调用以检索登录用户的个人资料时 我收到 401 未经授权的错误 我做了一些研究 并按照 各种 谷歌文档中提到的步骤进行操作 例如this one http code google com
  • gremlin-python 不是可用的 GremlinScriptEngine

    我正在尝试使用 gremlin python 在 AWS neptune 上执行 lambda 函数 它击中了我gremlin python is not an available GremlinScriptEngine 有人可以帮忙解决这
  • Java 比较器 Arrays.sort()

    我想排序一个arrayJava中的二维数组根据一些规则 比如说距原点的距离 我看到了几种使用方法Arrays sort 1 Arrays sort points Comparator comparing p gt p 0 p 0 p 1 p
  • 如何在react中使用信号协议

    如何在 React 中使用信号协议 I used npm libsignal但即使这样我在node modules 中也遇到了错误 我尝试使用libsignal protocol js文件来自 https github com signal
  • 您可以使用 Cloud Formation 创建使用计划吗?

    就像标题中一样 我可以仅使用 Cloud Formation 在 AWS 上部署内容 现在 我尝试使用 API 密钥来保护我的 API 网关 看起来我需要一个使用计划 这里的文档似乎没有涵盖它 http docs aws amazon co
  • 如何创建属性包含点(句点)的 json 字符串?

    我正在尝试发送HttpRequest它需要一个像这样的 JSON 对象 some setting withperiods myvalue 我一直在为其他请求创建匿名对象 但我无法对这个请求执行此操作 因为名称包含一个点 我知道我可以创建一个
  • phpunit - 需要有关有风险的测试的帮助

    我正在为一个网站实施一些测试 在一次特定的测试中 出现了这样的结果 event test suite Example V test test Example V test test 3 status error time 13 469105
  • 如何从命令行编译 MSVC 项目中的单个源文件?

    我即将开始对我们的构建进行一些基准测试 测试 并且我想从命令行驱动整个过程 我知道DevEnv但我不相信它可以做我想做的事 如果我可以在单个项目中构建单个文件 我会很高兴 这可以做到吗 其神奇咒语如下 请注意 这仅在 VS 2010 上进行
  • Azure CloudBlockBlob.DeleteIfExists() - false 是否始终意味着 blob 不存在?

    我知道如果 blob 存在 CloudBlockBlob DeleteIfExists 返回 true 如果不存在则返回 false 不过 我很好奇 如果 blob 确实存在 但 Azure 中出现问题 导致文件删除无法发生 我找不到有关该
  • Angular 2 路由器中间的通配符选择器

    我正在尝试使用 Angular js 2 开发一个项目 我正在尝试使用路由器 我正在尝试创建一条带有参数的路线来捕获如下内容 m SOMETHING1 c SOME THING2 p SOMETHING3 请注意 SOME THING2 是