Правильная маршрутизация в модальном с вкладками в Angular

Question

Я создал модал, используя MatDialog.Этот модал открывает компонент с вкладкой внутри.

this.dialog.open(AuthComponent, dialogConfig);

Я использовал mat-tab-nav-bar, чтобы открыть два компонента с вкладками для входа и регистрации.

<nav mat-tab-nav-bar mat-align-tabs="center">
        <a mat-tab-link
           *ngFor="let link of navLinks"
           [routerLink]="link.path"
           routerLinkActive #rla="routerLinkActive"
           [active]="rla.isActive">
          {{link.label}}
        </a>
      </nav>

      <router-outlet></router-outlet>

Чтобы открыть модал, работает нормально, но компонент входа не загружается, когда я открываю модал.Сначала я должен нажать на ссылку.

«Нажмите на Логин»

Мой маршрут выглядит довольно прямо:

{ path: 'signup', component: SignupComponent},

{ path: 'login',  component: LoginComponent},

У вас есть какие-нибудь мысли?Jakob

Answer 1

Попробуйте это:

export class AuthComponent implements OnInit {    

  constructor(private router: Router) {}

  ngOnInit() {
    this.router.navigate(['signup'])        
  }
}