Угловая маршрутизация отправлений на правильный URL, но ничего не меняется

Question

Я настроил свою маршрутизацию.навигация отправляет меня на правильный URL-адрес, когда я вхожу в приложение, но ничего не меняется.

Вместо перехода с экрана входа в режим «my-comp works».он остается на той же странице.

я не нашел ответа на этот вопрос

это компонент входа:

import { Component, OnInit } from '@angular/core';
import { LoginDetailes } from 'src/app/Entities/LoginDetailes';
import { LoginService } from 'src/app/services/login.service';
import { Router } from '@angular/router';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {
public loggedin:boolean;
public loggedClient:string;
public errormessage:string;
public loginDetailes = new LoginDetailes();
  constructor(private loginservice:LoginService,private router:Router) { }

  ngOnInit() {
  this.loggedin=false;
  }
public onLogin():void{
  const observable=this.loginservice.login(this.loginDetailes);
  observable.subscribe((returnedLoginDetailes:LoginDetailes)=>{
    alert("Welcome "+this.loginDetailes.name);
    this.loggedin=true;

  if(this.loginDetailes.clientType=="ADMIN"){
    this.router.navigate(['/adminLay']);
  }
  else if(this.loginDetailes.clientType=="COMPANY"){
  this.router.navigate(['/login']);
  }
  else if(this.loginDetailes.clientType=="CUSTOMER"){
    this.router.navigate(['/login']);
  }else{
    alert("Wrong Login Detailes");  
  }

  }, err => {
  this.errormessage=err.console.error("Wrong Detailes please Check Again!");
  alert(this.errormessage);
}
  )}}

это логин HTML:

<table>
    <label>Name</label>
  <tr>
    <input [(ngModel)]="loginDetailes.name" class="enjoy-css" type="text" placeholder="ID" >
  </tr>
  <label>Password</label>
  <tr>
    <input [(ngModel)]="loginDetailes.password" class="enjoy-css" type="password"  placeholder="Password">
  </tr>
  <tr>
   <select [(ngModel)]="loginDetailes.clientType">
     <option  value="ADMIN">ADMIN</option>
     <option  value="COMPANY">COMPANY</option>
     <option  value="CUSTOMER">CUSTOMER</option>
   </select>
  </tr>
  <tr>
    <input  type="button" (click)="onLogin()" value="Login" Router>

  </tr>
</table>

модуль маршрутизатора:

const routes:Routes=[
{path:'login',component:LoginComponent},
{path: '',component:LoginComponent},
{path:'crtComp',component:CreateCompanyComponent},
{path:'adminLay',component:AdminLayoutComponent}
]
@NgModule({
exports:[RouterModule],
imports: [ RouterModule.forRoot(routes) ]
})
export class AppRoutingModule { }

у меня нигде нет

Answer 1

Модуль маршрутизатора

export const appRoutes: BaseRoutes = [
  {
    path: 'login', component: BlankTemplateComponent, isTemplate: true,
    children: [
      {
        path: '', component: LoginComponent, pathMatch: 'full'

      }
    ]
  },

];

@NgModule({
  imports: [RouterModule.forRoot(appRoutes, { useHash: true })],
  exports: [RouterModule]
})

export class AppRoutingModule {

}

Модуль приложения

@NgModule({
  declarations: [

  ],
  imports: [
    RouterModule.forRoot(appRoutes, { useHash: true }),

  ],
  entryComponents: [BlockUiTemplateComponent],

  bootstrap: [AppComponent]
})
export class AppModule { }

В последнем html-файле вашего файла должно быть <router-outlet>

<div id="loading-wrapper" *ngIf="loading">
    <div id="loading-text">LOADING</div>
    <div id="loading-content"></div>
</div>
<router-outlet>
</router-outlet>

где находится ваша точка доступаhtml будет отображаться, когда вы перенаправляете

приведенный выше код не совпадает с вашим, он был просто для того, чтобы дать вам пример настройки маршрутов