Angular Prime NG - Как добавить строку запроса в ссылку маршрутизатора для шагов Prime NG

Question

Я создал шаги, используя angular и простую NG, я хотел бы добавить строку запроса в ссылку шагов.

Я создаю шаги, как показано ниже -

<p-steps [model]="steps" [readonly]="false" [(activeIndex)]="activeIndex"></p-steps>

for (let i = 0; i < this.steps.length; i++) {
      this.steps.push(
        {
          label: this.steps[i].name,
          routerLink: ["step"],
          command: (event: any) => {
            this.activeIndex = i + 1;
            this.clickStep(this.stepss[i]);
          }
        }
      );
    }

Здесь я хотел бы добавить строку запроса со ссылкой. Пожалуйста, предложите для любого выхода для того же?

PrimeNG ссылка - https://primefaces.org/primeng/# / шаги

Answer 1

Я могу добавить строку запроса с простой ссылкой шагов NG, используя приведенный ниже код -

queryParams: { "name": this.plugins[i].name }

полный код будет выглядеть ниже -

this.steps = this.steps.map(step => {
return {
    label: step.name,
    routerLink: ["step?a=1&b=2"],
    queryParams: { "name": this.plugins[i].name }
    command: (event: any) => {
        this.activeIndex = i + 1;
        this.clickStep(step);
    }
}
});

Answer 2

Поскольку механизм обнаружения изменений Angular ищет изменение ссылки, я бы рекомендовал использовать функцию map, поскольку она возвращает новую ссылку на массив.

this.steps = this.steps.map(step => {
    return {
        label: step.name,
        routerLink: ["step?a=1&b=2"],
        command: (event: any) => {
            this.activeIndex = i + 1;
            this.clickStep(step);
        }
    }
})

Использование ссылки на маршрутизатор, как показано ниже в трюк

routerLink: ["step?a=1&b=2"]