Не удается активировать уже активированный выход угловой 6 - PullRequest
Новая
       41

Не удается активировать уже активированный выход угловой 6

0 голосов
/ 08 октября 2018

В моем проекте на данный момент используются 2 Модуля indexModule и Sign-In module.Проблема в том, что когда я вызываю lazyloaded модуль и добавляю к нему имя розетки, это показывает мне проблему

не может активировать загруженную розетку

// Index Module 

import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {NavbarComponent} from './02_navbar_component/navbar.component';
import {IndexComponent} from './01_index_component/index.component';
import {SliderComponent} from './03_slider_component/slider.component';
import {SlideshowModule} from 'ng-simple-slideshow';
import {PageComponent} from './04_page_component/page.component';
import {BottomComponent} from './05_bottom_component/bottom.component';
import {SharedModule} from '../shared_Module/shared.module';
import {RouterModule, Routes} from '@angular/router';
import { RouterComponent } from './00_router_component/router.component';
import { ContainerComponent } from './06_container_component/container.component';

const routes: Routes = [{
    path: '',
    component: IndexComponent,
    children: [{
        path: '',
        component: ContainerComponent,
        outlet: 'container'
      },
      {
        path: 'sign-in',
        loadChildren: './../signIn_Module/sign-in.module#SignInModule'
      },
      {
        path: '**',
        redirectTo: '',
        pathMatch: 'full'
      }
    ]
  },
  {
    path: '**',
    redirectTo: '',
    pathMatch: 'full'
  }
];
@NgModule({
  declarations: [
    NavbarComponent,
    IndexComponent,
    SliderComponent,
    PageComponent,
    BottomComponent,
    RouterComponent,
    ContainerComponent,
  ],
  imports: [
    BrowserModule,
    SlideshowModule,
    SharedModule,
    RouterModule.forRoot(routes),
  ],
  exports: [RouterModule],
  providers: [],
  bootstrap: [RouterComponent]
})
export class IndexModule {}

// Модуль входа в систему 

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SignInComponent } from './01_signIn_component/sign-in.component';
import {RouterModule, Routes} from '@angular/router';

const signRoutes: Routes = [{
  path: '',
  component: SignInComponent,
  outlet: 'container'
}];

@NgModule({
  imports: [
    CommonModule,
    RouterModule.forChild(signRoutes)
  ],
  declarations: [SignInComponent]
})
export class SignInModule {}

/ Компонент / 

<ul>
  <li><a href="">Insctructor</a></li>
  <li><a href="">Former</a></li>
  <li><a href="">Sign Up</a></li>
  <li><a routerLink="/sign-in">Log in</a></li>
</ul>
<app-navbar></app-navbar>
<router-outlet name="container"></router-outlet>
<app-footer></app-footer>

1 Ответ

0 голосов
/ 07 февраля 2019

Вам необходимо добавить pathMatch: 'full' к определению маршрута для ContainerComponent.

То, что происходит, - это то, что маршрут ContainerComponent является префиксом вашего маршрута SignInComponent.Это заставляет маршрутизатор активировать оба маршрута при посещении маршрута SignInComponent.Поскольку оба этих маршрута указывают одну и ту же розетку, маршрутизатор-розетка активируется дважды с помощью двух разных компонентов.При добавлении pathMatch: 'full' маршрут ContainerComponent не будет активирован при посещении маршрута, который использует свой путь в качестве префикса.

...