为什么我需要在routerLink中添加'/‘，但我们在路由器定义中没有'/’？
在Angular中，routerLink是用于在应用程序中导航到不同路由的指令。它可以在HTML模板中使用，以便用户可以通过点击链接或按钮来导航到其他页面。
在使用routerLink时，我们需要在路径前添加斜杠（/），以表示路径是相对于根路径的。这是因为在Angular的路由器定义中，我们定义的路径是相对于根路径的，而在HTML模板中使用routerLink时，路径是相对于当前路由的。
例如，如果我们在路由器定义中有一个路径为'home'的路由，我们可以在HTML模板中使用routerLink来导航到该路由。如果我们不在routerLink中添加斜杠，例如routerLink="home"，那么Angular会将该路径解释为相对于当前路由的路径。但是，如果我们在routerLink中添加斜杠，例如routerLink="/home"，Angular会将该路径解释为相对于根路径的路径。
因此，为了确保在使用routerLink时能够正确导航到目标路由，我们需要在路径前添加斜杠。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎 TKE：https://cloud.tencent.com/product/tke
- 人工智能平台 AI Lab：https://cloud.tencent.com/product/ai
- 物联网平台 IoT Explorer：https://cloud.tencent.com/product/iotexplorer
- 移动开发平台 MDP：https://cloud.tencent.com/product/mdp
- 云存储 COS：https://cloud.tencent.com/product/cos
- 区块链服务 BaaS：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
1回答
为什么我需要在routerLink中添加'/‘，但我们在路由器定义中没有'/’？
angular、router
我正在关注。这个问题把我搞糊涂了，但本教程没有解释为什么会这样。 <
浏览 4提问于2017-07-30得票数 0
回答已采纳
1回答
angular2 RC1有些路由器没有提供程序
angular、angular2-routing
在从beta升级到RC1之后，我在路由方面遇到了一些问题。ORIGINAL STACKTRACE:这是我的app.component.ts： selector: 'my-app',{path: '/class/:id', name: 'Class', component: ClassComp
浏览 5提问于2016-05-11得票数 0
回答已采纳
6回答
角2路由器示例+@路由类型支持
angular、typescript
我正在试图找到一个关于如何在角2中使用路由器的具体例子。此外，来自的当前类型文件不支持注释。
浏览 14提问于2015-05-06得票数 23
回答已采纳
2回答
我是跟随介绍角教程，以创建英雄之旅应用程序。但是，在执行search函数时，我得到了错误:无法绑定到“routerlink”，因为它不是“a”的已知属性。有人能帮我解决这个问题吗？我的代码： *注意:我一直在寻找同样的问题，但这些都解决不了我的问题。
浏览 1提问于2019-10-24得票数 0
回答已采纳
1回答
角拉力加载组件在导航上重新呈现
angular、angular-routing、angular-lazyloading
我们的应用程序已经安装好了，所以导航到某一组路由的用户是延迟加载的，如下所示： path: path1, loadChildren: () => LazyLoadedModule,我们使用路由器链接导航到这些懒惰加载的组件之一，像这样.<tile [state]=someData>
...</
浏览 6提问于2022-01-29得票数 0
回答已采纳
4回答
延迟加载会导致错误: Uncaught (在承诺中)：Error:无法匹配任何路由。URL段：
angular、angular2-routing
我实现延迟加载并导致此错误。我见过很多帖子，他们都没有给出解决办法。URL段：”错误按照命令-routing.module.ts-路线定义如下： { component: OrdersComponent,
{
浏览 3提问于2020-02-19得票数 0
回答已采纳
3回答
链接更改后不呈现正确的html
angular
我是新来的，所以请容忍我。我的admin- has .Component.html有以下文本：
<a [routerLink]="['/admin/home']" ro
浏览 0提问于2019-07-05得票数 0
2回答
如何以角度激活通过服务的路由？
angular、typescript
我创建了一个棱角分明的应用程序，其中我有一个“欢迎页面”组件设置为默认路由，所以它是第一个弹出当用户来到网站。在该组件中，我有需要激活应用程序组件中的router-outlet的链接。看到“欢迎页面组件”是由路由器插座拉进来的，我想我必须使用一个服务来检测点击的链接，并在app组件中更新路由，因为这两个组件之间没有任何显式的东西可以通过。constructor(private RS: RouteService ){}
浏览 0提问于2018-02-18得票数 1
回答已采纳
3回答
Angular 2在子路由器中添加指向根路由器的routerLink
javascript、routing、angular、router、angular2-routing
目前，我正在使用Angular 2 Beta 8开发一个web应用程序。现在，我在使用routerLink指令时遇到了嵌套路由的问题。现在，我想在MyItemsCmp中实现一个按钮，通过使用组件模板中所示的routerLink指令导航到NewItemFormCmp。加载组件'MyItemsCmp‘时，模板的所有元素都将在浏览器中呈现。但是到NewItemFormCmp的链接不起作用，控制台中有一个异常。Uncaught EXCEPTION:
浏览 2提问于2016-03-09得票数 8
回答已采纳
1回答
在prod模式下，Angular routerLink [ng-reflect-router-link]样式未反映在HTML中
css、angular、routerlink
对于本地/开发模式下的全局解决方案，ng-reflect-router-link在main.scss中工作 [ng-reflect-router-link], // [routerLink]
.pointer有没有任何已知的解决方案可以像我们有许多routerLink一样保持全局 HTML (dev)： <div _ngcontent-bbw-c98="" class="value pointer" tabin
浏览 15提问于2020-10-09得票数 0
1回答
其他页面中的路由器导航
angular、angular2-routing
我有appcomponent，这里我添加了所有的路线。在下一页，我有几个链接。每个链接将路由到相同的路由器出口。如何在标签的点击上导航。与routerLink=“PersonInvolved”一起尝试。但是，获得“不能绑定到'routerLink‘这样的错误，因为它不是已知的原生属性”。由于路由器和路由器出口是在第一个组件中定义的。我正在从step1组件
浏览 2提问于2016-08-25得票数 1
回答已采纳
2回答
includedByState &包括不使用ngClass的过滤器
angular、css、state
我创建了一个使用角7材料的示例应用程序。用于导航以突出显示我使用的活动类所选的导航。我需要这样的UI
CSS
list-style-type: none; margin: 0; <li ui-sref-active="active" ng-class="{ active: ('home' | includedByState) }&q
浏览 0提问于2019-02-18得票数 0
回答已采纳
3回答
Angular2设置当前路由在routerLink中的参数
angular、angular2-routing、angular2-directives
虽然看起来很琐碎，但我没有发现任何类似的情况--这是我的路线： path: 'folder/:id', children{ component: 'EditorComponent' ]当我在edit/form1页面上时，我无法找到指
浏览 5提问于2016-11-09得票数 6
回答已采纳
1回答
为什么在routerLink角上放斜线？
angular、typescript
为什么前导斜杠放在routerLink中，这个没有斜杠的<a[routerLink]="['home']" [routerLinkActive]="['activ
浏览 1提问于2020-10-10得票数 2
回答已采纳
1回答
并排显示的指定路由器出口-带子路由
angular、angular-material、router、angular-module、router-outlet
我的应用模块中有一个二级路由器插座，如下所示。IN APP MODULE ] ])export class OrdersModule {}
我试图在我的应用模块中显示AddOrderComponent在辅助插座(名为"side")中，但是插座没有激活。<a [routerLink]=&
浏览 0提问于2020-11-05得票数 1
1回答
Angular4路由器，惰性加载模块子路由，命名路由器插座
angular、angular2-routing
我有个奇怪的问题。我需要在惰性加载模块的根路由元素上设置辅助路由器插座，这些模块在应用程序路由模块中设置了URL基础。这个解释似乎有点难，但我将尝试解释这一点。: [AuthGuardService]这意味着所有的商店路线都应该以现在在商店模块中，我需要让主要内容出现在名为"ShopContent“的辅助路由器插座中。我需要让"/shop
浏览 12提问于2017-07-04得票数 3
回答已采纳
2回答
通过一系列路由器链路构建查询字符串参数
angular、routerlink
是否可以将路由器链路配置为简单地添加到查询字符串中，以便我们可以通过一系列链路构建查询字符串？给定url：在页面上的某处有一个类似如下的链接：给出第二个链接：
<a [routerLink]="['.']"我怀疑通过监听路
浏览 4提问于2017-02-24得票数 0
回答已采纳
1回答
带有指定出口的角routerLink (角5.0.2)
angular
我看过关于这个问题的所有帖子，但没有一篇对我有用。
我有一个应用模块，一个路由模块，没有其他“模块”。我发现的是..。，但没有任何其他组件。<a routerLink="hellocontent">action</a>在app组件中，或者<a routerLink="/hellocon
浏览 1提问于2017-11-19得票数 7
1回答
定义但不被识别的Angular2 RC1子路由
angular、angular2-routing
使用新的RC1路由器，如何实现子路由？在英雄-贝类，组件，我有孩子的路线 selector: 'my-app1', <my-app1>
<!如果我</em
浏览 4提问于2016-05-09得票数 8
回答已采纳
2回答
角2/4/5捕获routerLink异常
javascript、html、angular
我正试图在我的应用程序中捕获路由异常。基本上，用户可以通过三种方式导航：
如果模块由于某种原因没有加载，可能会发生这样的错误。我需要能够优雅地处理这件事(以及其他不可预见的事情)。在大多数情况下，通配符定义适用于路
浏览 0提问于2018-02-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
