單擊按鈕時 Router.navigate 不重定向 - Angular 9

Question

當我嘗試重定向到另一個組件時，我的路由器導航不起作用

用戶組件

import { BehaviorService } from '../services/behavior.service';
import { Router } from '@angular/router';
import { Component, OnInit } from '@angular/core';
import { FormBuilder, NgForm } from '@angular/forms';

export class UserComponent implements OnInit {

  constructor(
    private fb: FormBuilder,
    private usuarioService: UsuarioService,
    private behaveService: BehaviorService,
    private router: Router
  ) {}


 teste() {
      console.log("Passed here ###");
    return this.router.navigate(["teladois"]);
  }
 }

   <div class="container">
      <form #usuarioForm="ngForm" (ngSubmit)="addUser(usuarioForm)">
        <button type="button" class="btn btn-danger" (click)="teste()">Teste</button>
      </form>
   </div>

應用路由模塊

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { TelaDoisComponent } from './tela-dois/tela-dois.component';
import { UserComponent } from './user/user.component';


const routes: Routes = [
  {
    path: "usuario",
    component: UserComponent
  },
  {
    path: "teladois",
    component: TelaDoisComponent
  },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

當我單擊按鈕時，該方法被調用，而不是重定向 [1]： https://i.stack.imgur.com/K3jbk.png

Answer 1

可能缺少路由器插座。 嘗試在需要顯示路由內容的任何地方添加以下插座

<router-outlet></router-outlet>