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