angular - 表单提交上的Angular 8 Deeplinking

Question

我已经阅读了几篇关于 Angular 8 中的深度链接的文章。但还没有找到更好的解决方案来解决我的问题。

请参考上面的截图。我有两个小部件Form Widget和Table Widget的简单 Angular 应用程序。表格小部件由表单小部件中执行的搜索驱动浏览器中的 url 是“localhost/dashboard/widget/actionForm”

执行表单搜索时。我希望表单数据成为 URL 的一部分，例如“localhost/dashboard/widget/actionForm;Param_A=test1;Param_B=test2”，并且表格小部件也可以动态更新
当我复制 URL“localhost/dashboard/widget/actionForm;Param_A=test1;Param_B=test2”并在新浏览器中启动它时。它应该能够使用 url 中的参数来获取表单状态。

这只是一个例证。在理想情况下，表单中会有很多参数。

注意：URL 参数也需要编码。但我想这是一个很容易解决的问题。

score 0 · Accepted Answer

当您执行搜索时，这些参数应附加到 url：

   this.router.navigate([], {
        queryParams: {
            _t: param1,
            _t2: param2
        }
    });

当您使用 url 重新加载时，您应该能够使用这些参数：

this.route.queryParamMap.subscribe(params => {
    let t= params.get('_t');
    //.... so on
    pass this to table widget
});

1 回答 1