无法使用Angular更改到另一页

无法使用Angular更改到另一页,angular,Angular,我不熟悉Angular,有一个问题需要导航到另一页。 我计划在成功执行一个函数后从后端导航页面。 目前,尝试寻找解决方案,但仍然没有找到任何运气 这是我的.ts代码 从'@angular/core'导入{Component,OnInit}; 从'@angular/forms'导入{FormControl,FormGroup,FormBuilder,Validators}; 从'@angular/Router'导入{Router}; @组成部分({ 选择器:“应用程序寄存器”, template

我不熟悉Angular,有一个问题需要导航到另一页。 我计划在成功执行一个函数后从后端导航页面。 目前,尝试寻找解决方案,但仍然没有找到任何运气

这是我的.ts代码

从'@angular/core'导入{Component,OnInit};
从'@angular/forms'导入{FormControl,FormGroup,FormBuilder,Validators};
从'@angular/Router'导入{Router};
@组成部分({
选择器:“应用程序寄存器”,
templateUrl:“./register.component.html”,
样式URL:['./register.component.css']
})
导出类RegisterComponent实现OnInit{
构造函数(专用路由器:路由器){
}
ngOnInit():void{
}
onSubmit(){
this.router.navigate(['home']);
}

}
ngSubmit
用于
表单
提交 =>如果按钮位于
表单中
则将
ngSubmit
放在
表单
标签上,即:

<form (ngSubmit)="onSubmit()">
  <button class="btn btn-secondary btn-lg btn-block" type="submit">Register</button>
</form>
你可以加上

{ path: 'home', component: HomeComponent },
转到您的路由模块。

更改为(单击)并删除type=“submit”


注册控制台中出现的错误是什么?另外,请确保应用程序路由模块中存在“主”路由,并共享您的app.routing.module代码。尝试将
(ngSubmit)=“onSubmit()”
更改为
(单击)=“onSubmit()”
{ path: 'home', component: HomeComponent },