Блог

Главная - Вопросы по программированию - Угловой компонент не открывается

Угловой компонент не открывается

#angular #typescript

#угловатый #машинописный текст #угловой #typescript

Вопрос:

У меня есть панель навигации с различными компонентами, которые должны открываться при выборе. Компоненты профиля открываются, но кнопка «мое любимое» ничего не показывает из этого компонента.

Это код из навигационной панели:

 <form class="form-inline my-2 my-lg-0">
        <ul class="nav navbar-nav navbar-right">
          <li *ngIf="authService.loggedIn()" [routerLinkActive]="['active']" [routerLinkActiveOptions] = "{exact:true}"><a class="nav-link" [routerLink]= "['/favorites']">My favorites</a></li>
          <li *ngIf="authService.loggedIn()" [routerLinkActive]="['active']" [routerLinkActiveOptions] = "{exact:true}"><a class="nav-link" [routerLink]= "['/dashboard']">Dashboard</a> </li>
          <li *ngIf="authService.loggedIn()" [routerLinkActive]="['active']" [routerLinkActiveOptions] = "{exact:true}"><a class="nav-link" [routerLink]= "['/profile']">Profile</a></li>
          <li *ngIf="!authService.loggedIn()" [routerLinkActive]="['active']" [routerLinkActiveOptions] = "{exact:true}"><a class="nav-link" [routerLink]= "['/login']">Login</a></li>
          <li *ngIf="!authService.loggedIn()" [routerLinkActive]="['active']" [routerLinkActiveOptions] = "{exact:true}"> <a  class="nav-link"[routerLink]= "['/register']">Register</a></li>
          <li><a class="nav-link" (click)="onLogOutClick()" href="#">Logout</a></li>
        </ul>
      </form>

У меня есть эти маршруты в моем app.module.ts: 

 const appRoutes: Routes = [
  {path: '', component: HomeComponent},
  {path: 'register', component: RegisterComponent},
  {path: 'login', component: LoginComponent},
  {path: 'dashboard', component: DashboardComponent, canActivate: [AuthGuard]},
  {path: 'profile', component: ProfileComponent, canActivate: [AuthGuard]},
  {path: 'favorites', component: FavoritesComponent, canActivate: [AuthGuard]}

]

Я могу предоставить вам больше кода, если это необходимо.

Комментарии:

1. Вы получаете какие-либо ошибки в консоли? Загружен ли компонент в DOM?

2. Можете ли вы также поделиться своим избранным компонентом?

3. Пожалуйста, проверьте, что говорит консоль браузера. Возможно, у вас ошибка в вашем любимом компоненте (ts и / или html). Путь кажется правильным, затем проверьте инструмент разработки ваших браузеров.

4. Я не получаю никаких ошибок вообще, вот почему я не понимаю

Ответ №1:

Проверьте, включен ли ваш FavoritesComponent в файл AppModule.ts.

Комментарии:

1. Это должен быть комментарий, а не ответ

2. Он также добавлен в AppModule.ts, есть другие предложения?

3. Попробуйте загрузить компонент избранное без маршрутизации, т. Е. на самой домашней странице. Если это работает нормально, то, возможно, вам нужны некоторые изменения в вашей части маршрутизации. Если нет, то это ваш любимый компонент, который необходимо исправить.