在Angular 8中,可以使用Angular的路由模块来实现返回按钮和传递参数。以下是一个简单的示例:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
const routes: Routes = [
// 定义路由路径和组件
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
import { Component, OnInit } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
constructor(private router: Router, private route: ActivatedRoute) { }
ngOnInit() {
}
goBack() {
// 返回上一级页面
this.router.navigate(['../'], { relativeTo: this.route });
}
goToAnotherComponent() {
// 带参数跳转到另一个组件
this.router.navigate(['another-component'], { queryParams: { id: 123 } });
}
}
这样,当点击返回按钮时,会返回到上一级页面;当点击跳转按钮时,会跳转到另一个组件并传递参数。
请注意,以上示例仅用于演示目的。实际应用中,你需要根据你的路由配置和组件结构进行相应的调整。
下一篇:Angular 8返回无效日期