Javascript 角度路由到正确的页面和正确的元素_Javascript_Html_Angular

Javascript 角度路由到正确的页面和正确的元素

javascript html angular

Javascript 角度路由到正确的页面和正确的元素,javascript,html,angular,Javascript,Html,Angular,我有应用程序组件中的主要结构 <body> <header></header> <nav class="navbar"> <app-nav></app-nav> </nav> <section> </section> <aside></aside> <footer></footer> </body> 应用程序导航组件html

我有应用程序组件中的主要结构

<body>
<header></header>
<nav class="navbar">
  <app-nav></app-nav>
</nav>
<section>
</section>
<aside></aside>
<footer></footer>
</body>

应用程序导航组件html页面中的链接

<article>
  about works!
</article>

    <ul class="topnav">
      <li *ngFor="let menuItem of menuItems; let index = index">
        <a [class.active]="index == 0" routerLink="{{ menuItem.link }}">{{ menuItem.name }}</a>
      </li>
    </ul>
<router-outlet></router-outlet>



{{menuItem.name}

路由工作正常，但它将一个icle元素放在app nav组件中ul元素的后面。我应该怎么做才能将其更改为section元素

    <ul class="topnav">
      <li *ngFor="let menuItem of menuItems; let index = index">
        <a [class.active]="index == 0" routerLink="{{ menuItem.link }}">{{ menuItem.name }}</a>
      </li>
    </ul>
<router-outlet></router-outlet>