角2路由行爲

Question

我在我的測試項目中使用角2路由。已經創建了routing.ts並將其導入到Module.ts中。

在我app.component.html（這是app.component.ts模板HTML文件） 我有以下代碼：

<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>標籤：

的Test1：

<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> 

和TEST2：

<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和href屬性。 Test1：ng-reflect-href="/en/home/en/test" href="/en/home/en/test" Test2：ng-reflect-href="/en/test" href="/en/test"

我的問題是：爲什麼會發生？

Answer 1

好吧，我"en/test" 之前修正了這個由routerLink加入/這是現在這個樣子：

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