首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

返回上一页,其中包含以前在angular 8中输入的数据

在Angular 8中,要返回上一页并且保留之前输入的数据,可以使用Angular的Router模块提供的导航功能。

首先,在组件中导入Router模块:

代码语言:txt
复制
import { Router } from '@angular/router';

然后,在构造函数中注入Router:

代码语言:txt
复制
constructor(private router: Router) { }

接下来,在返回上一页的方法中,使用Router的navigateByUrl方法来导航到上一页,并且通过queryParams参数传递之前输入的数据:

代码语言:txt
复制
goBackWithData(data: any) {
  this.router.navigateByUrl('/previous-page', { queryParams: { inputData: data } });
}

在上述代码中,/previous-page是上一页的路由路径,inputData是传递数据的参数名,data是之前输入的数据。

在上一页的组件中,可以通过ActivatedRoute模块来获取传递的数据。首先导入ActivatedRoute:

代码语言:txt
复制
import { ActivatedRoute } from '@angular/router';

然后在构造函数中注入ActivatedRoute:

代码语言:txt
复制
constructor(private route: ActivatedRoute) { }

接下来,在ngOnInit生命周期钩子函数中,使用route的queryParams属性来获取传递的数据:

代码语言:txt
复制
ngOnInit() {
  this.route.queryParams.subscribe(params => {
    const inputData = params['inputData'];
    // 使用传递的数据进行相应的操作
  });
}

在上述代码中,inputData即为之前输入的数据,可以根据需要进行相应的操作。

这样,就可以在Angular 8中返回上一页,并且保留之前输入的数据了。

关于Angular的Router模块和ActivatedRoute模块的更多详细信息,可以参考腾讯云的相关文档和官方指南:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

1分21秒

JSP博客管理系统myeclipse开发mysql数据库mvc结构java编程

5分33秒

JSP 在线学习系统myeclipse开发mysql数据库web结构java编程

领券