1

tengo un input que al darle enter dispara un (ngSubmit) alli tomo al valor y se lo mando a mi ts pero no me funciona la navegacion.

Este es mi html

  <form (ngSubmit)="search( form.value )"  #form="ngForm" >

    <input class="form-control"
           type="text"
           name="name"
           required
           minlength="3"
           maxlength="10"
           [(ngModel)]="user">
    </a>
  </form>

Este es mi ts de ese componente


export class SearchComponent implements OnInit {

  user: string;

  constructor(private router: Router) {
  }

  ngOnInit() {
  }

  search(form) {

    let id: string = form
    console.log(id);
    this.router.navigate(['/detail',id]);

  }

}

en el console.log puedo ver que tengo el parametro pero la navegacion no me funciona.

este es mi routing

const routes: Routes = [
  {path:'search', component:SearchComponent},
  {path:'detail/:id', component:DetailComponent},
  {path:'**', pathMatch:'full', redirectTo:'search'}
];

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

mi directorio de archivos es el siguiente:

app
  components
    search
    details
app.module.ts
app-routing.module.ts

2 respuestas 2

1
  • Puedes verificar que si existe algun error en consola.

  • revisa que tengas importado el componente DetailComponent en el modulo principal

1
  • no tengo errores en la consola, y si esta importado en el app.module Commented el 16 mar. 2020 a las 20:09
1

Ya pude resolverlo en mi componente cambie la navegacion del router, lo comparto por si alguien le puede servir:


export class SearchComponent implements OnInit {

  user: string;

  constructor(private router: Router) {
  }

  ngOnInit() {
  }

  search(form) {

    let id = form;
    this.router.navigate(['/details', id.user]).then(e =>{
      if (e){
        console.log("good work")
      }else{
        console.log("bad work")
      }
    });
  }

}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.