Маршрутизация от дочерних компонентов "мигает" моей навигацией - PullRequest
Новая
       4

Маршрутизация от дочерних компонентов "мигает" моей навигацией

0 голосов
/ 25 августа 2018

Я пытаюсь реализовать маршрутизацию для моего приложения.Когда я выполняю маршрутизацию от самых первых компонентов в дереве, это нормально (например, приложение-меню или поиск), но когда я нахожусь в дочерних компонентах (событие-элемент или стикер), мое приложение мигает: оно отображает хорошую страницунесколько секунд (в хорошем смысле, я имею в виду, что меню и поиск хорошо отображаются (без всякой перезагрузки), и страница результатов в маршрутизаторе-розетке по желанию), затем возвращаются к корневой маршрутизации (так что возобновить) с целымзаряжая страницу.Мой код маршрута 

(app.module.ts)

const appRoutes: Routes = [
  { path: 'profile', component: ProfileComponent },
  { path: 'resume', component: ResumeComponent },
  { path: 'result/:searchType', component: ResultComponent },
  { path: '', component: ResumeComponent }
];

Моя структура: 

app-root
    app-search
    app-menu
       app-event-item
    app-resume
       app-sticker
    app-profile
    app-result

Извлечение HTML-кода компонента app-root: 

 <div>
   <div id="wrapper">

     <!-- Navigation -->
     <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">

       <app-menu></app-menu>

       <!-- TODO before supp -->

       <div class="navbar-default sidebar" role="navigation">
         <div class="sidebar-nav navbar-collapse">
           <ul class="nav" id="side-menu">
             <app-search></app-search>
           </ul>
         </div>
       </div>

     </nav>
     <div id="page-wrapper">
       <router-outlet></router-outlet>
     </div>
   </div>
 </div>

Мой код просто: 

 <a routerLink="xxxx">[...]</a>

где xxxx - моя страница маршрутизации;это то, что я делал для каждой навигационной ссылки (или кнопки, или чего-то еще), те, которые работают, а те, которые нет.У меня не было кода ts ou js для управления маршрутизацией.Я думал, что этого может быть достаточно для моих нужд.Например: 

<a routerLink="profile">[...]</a>

Я пытался добавить "/", думая об относительной / абсолютной проблеме, но, похоже, это не моя проблема ... Спасибо!

1 Ответ

0 голосов
/ 26 августа 2018

На самом деле я обнаружил свою ошибку. Ссылка была встроена в другой тег "a", имеющий 

<a href="#">
  [... some code]
     <a routerLink="xxxx">[...]</a>
  [... some code]
</a>

Когда я удаляю href, все нормально. 

<a>
  [... some code]
     <a routerLink="xxxx">[...]</a>
  [... some code]
</a>
...