0

我正在创建一个带有登录页面的新应用程序，而对于其他页面，我已经离开了 -nav 菜单。

我为页面使用了子路由，为登录页面使用了普通路由，一切正常，但是在右侧与现有路由一起，以前的路由页面数据也显示在现有路由的底部。

我的 app.module.ts

  { path: 'home', component: HomeComponent, 
      children: [
        { path: 'me', component: MeComponent },
        { path: 'messages', component: MessagesComponent },
      ]  
  },
 { path: 'login', component: LoginComponent }

app.component.html

<router-outlet></router-outlet>

home.component.html

<div class='container-fluid'>
    <div class='row'>

        <div class='col-sm-3'>
            <nav-menu></nav-menu>
        </div>

        <div class='col-sm-9 body-content'>
            <router-outlet></router-outlet>
        </div>

    </div>
</div>

login.component.html

这有用户名和密码文本框

me.component.html

<h1>about me <h1>

消息.component.html

<h1> messages <h1>

当我转到 localhost:4200/home/messages - 消息和关于我的信息也会显示。

4

0 回答 0