当我点击app.component中的导航栏时，到达路由器出口的div。

Question

我有我的app.component页面，当我点击导航栏时，我想到达这个div特定的div ()

app.component

<div class="navigation">
  <div id="navigation">
  <ul>
  <li class="active"><a [routerLink]="['/accueil']" >Accueil</a></li>
  <li><a  routerLink ="apropos" >A propos de nous</a> </li>
  <li class="has-sub"><a [routerLink]="" >Payer</a>
      <ul>
          <li><a [routerLink]="['/payer/nat']" >Vol national</a></li>
          <li><a [routerLink]="['/payer/int']" >Vol international</a></li>
      </ul>
  </li>
  <li><a routerLink="temoin" >Temoignages</a>
      <li><a routerLink="contact">Contact</a> </li>
  </ul>
  </div>
</div>
 <div class="space-medium">
      <router-outlet></router-outlet>
  </div>

我想有这种行为

点击“习惯”，我去class="space-medium"

• click上的div class="space-medium"

• click，在“支付者”上去div class="space-medium"

• click，在“Vol.National”上去div class=“space-medium”

• click，在“Vol.International”上去div class=“space-medium”

• click，我在"Temoignages“上去了class="space-medium"

• click，在”联系人“上去了div class="space-medium"

• click，我去了div class="space-medium"

。

我该怎么做？

Answer 1

使用锚链接，看看角文档页是如何做到的。

指南/表单是组件的路线。#构建模板驱动的表单是div(任何html元素)的位置。

​

​