Question

在formNavigation.ts（共享模块组件）中，我有：

@Input nextPath?:string

next() {
    this.router.navigate([this.nextPath], {queryParamsHandling: "merge"})
}

在comp1.component.html中：

<form-navigation [nextPath]="'enroll/plans'"></form-navigation>

上面的代码工作正常，我正在通过注册/计划页面中的激活路径获取查询参数。

但是我想传递一个附加值（索引= 0）作为查询参数

<form-navigation [nextPath]="'enroll/plans'" {index:0}></form-navigation>

我尝试了上面的代码将索引= 0发送给注册/计划，但是显示错误。

Answer 1

首先，如果要传递查询参数，则必须这样做

this.router.navigate([this.nextPath], { queryParams: { x : val} } );

然后为参数定义Input，并将其绑定到您的html中。

所以您的最终代码将如下所示

@Input() index: number;

this.router.navigate([this.nextPath], { queryParams: { index : this.index} } );

<form-navigation nextPath="enroll/plans" [index]="0"></form-navigation>

Angular 5传递附加值作为查询参数

1 个答案: