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></router-outlet>

Router.navigate 单击按钮时不重定向 - Angular 9

Router.navigate not redirecting when button is clicked - Angular 9

angular

angular9