角度2路由行为

Question

我在测试项目中使用了角度2路由。已经创建了routing.ts并将其导入Module.ts。

在我的app.component.html（这是app.component.ts的模板html文件）中 我有以下代码：

math

但是，当我启动应用程序时，Test1会生成以下<div class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="#" class="navbar-brand">Application name</a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="#">Home</a></li> <li><a href="#">API</a></li> <li><a routerLink="en/test" routerLinkActive="active">Test1</a></li> </ul> </div> </div> </div> <div class="container body-content"> Something <hr /> <div> <a routerLink="en/test" routerLinkActive="active">Test2</a> </div> <router-outlet></router-outlet> <footer> <p>&copy; 2017 - My ASP.NET Application</p> </footer> </div> 标记：

测试1：

<a>

和Test2：

<a routerlink="en/test" routerlinkactive="active" ng-reflect-router-link="en/test" ng-reflect-router-link-active="active" ng-reflect-href="/en/home/en/test" href="/en/home/en/test">Test1</a>

正如您所看到的，<a routerlink="en/test" routerlinkactive="active" ng-reflect-router-link="en/test" ng-reflect-router-link-active="active" ng-reflect-href="/en/test" href="/en/test">Test2</a> 和ng-reflect-href属性之间存在差异。 测试1：href 测试2：ng-reflect-href="/en/home/en/test" href="/en/home/en/test"

我的问题是：为什么会这样？

Answer 1

好的，我通过在/之前在routerLink中添加"en/test"来修复此问题 现在就是这样：

<li><a routerLink="/en/test" routerLinkActive="active">Test1</a></li>