Угловое 2 оказывает страницу дважды на ребенка маршрут

Question

У меня есть последующий маршрут в app.module.ts

{ 
    path: 'settings', 
    component: SettingsPage, 
    children: [ 
    { 
     path: 'account', 
     component: AccountSettings 
    }, { 
     path: 'profile', 
     component: ProfileSettings 
    }] 
    } 

Мой settingsPage компонент имеет:

<div> 
    <div class="xui-heading-panel secondary"> 
    <div class="container"> 
     <h1>Settings</h1> 
     <ul class="nav nav-pills"> 
     <li 
      *ngFor="let link of links" 
      role="presentation"> 
      <a [routerLink]="[link.route]" routerLinkActive="active">{{link.title}}</a> 
     </li> 
     </ul> 
    </div> 
    </div> 
    <div class="container"> 
    <router-outlet></router-outlet> 
    </div> 
</div> 

При посещении/настройки/профиль маршрутизатора компонент внутренней внутренней части снова отображает всю страницу (например, не только дочернюю страницу). Как я могу это исправить?

Answer 1

Спасибо за помощь, ребята. Поэтому проблема заключалась в том, что у меня не было

moduleId: __moduleName (внутри аннотации @Component), это означало, что templateUrl не запрашивался относительно каталога компонентов. Таким образом, HTTP-запрос был отправлен в /page_settings.html, что привело к тому, что мой сервер вернул /index.html, и все приложение было отображено внутри контейнера.