如何从数组对象传递 url 中的动态查询参数

Question

我得到这样的数组对象：

我正在以角度显示使用<iframe> 的第三方表单。现在我想在 url 中传递查询参数，以便预先填写该表单。
如果我输入此网址，我的表格可以预先填写：

http://myform.com?d[/data/patch_form/crop1]=abc&d[/data/patch_form/name]=xyz (this is hard coded)

"/patch_form/" 之后是一个键，它也存在于我的对象中。

如何在我的 url 中传递这个数组对象的所有键和值，以便所有键都可以通过 url。？

.html

 <iframe id="iframe" [src]="pathFormUrl | safe" height="400px" width="100%"
            frameborder="0"></iframe>

.ts 控制台行

console.log(this.selectedTimeLine.formKeyValues)

Answer 1

你尝试了什么？ 快速浏览一下angular documentation 就是这个例子。

    // Set our navigation extras object
    // that contains our global query params and fragment
    let navigationExtras: NavigationExtras = {
      queryParams: { 'session_id': sessionId },
    };

    // Redirect to the login page with extras
    return this.router.createUrlTree(['/login'], navigationExtras);