角2のルーティング動作

Question

私はテストプロジェクトで角度2ルーティングを使用しています。既にrouting.tsを作成し、Module.tsにインポートしました。 （app.component.tsのテンプレートHTMLファイルです）私のapp.component.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> 

しかし、Test1のは<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の間にあります。 テスト1：ng-reflect-href="/en/home/en/test" href="/en/home/en/test" テスト2：ng-reflect-href="/en/test" href="/en/test"

私の質問はどうなりますか？

Answer 1

わかりました、私はそれが今、このようなものだ"en/test" 前routerLinkで/を追加することで、これを固定：

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