angular-docs-cn/packages/core/schematics/migrations/router-preserve-query-params
Joey Perrott 93ee05d92a fix(router): create schematic for preserveQueryParams (#38762)
Create a schematic for migrating preserveQueryParams to use queryParamsHandler
instead.

PR Close #38762
2020-10-14 10:40:55 -07:00
..
BUILD.bazel fix(router): create schematic for preserveQueryParams (#38762) 2020-10-14 10:40:55 -07:00
README.md fix(router): create schematic for preserveQueryParams (#38762) 2020-10-14 10:40:55 -07:00
index.ts fix(router): create schematic for preserveQueryParams (#38762) 2020-10-14 10:40:55 -07:00
util.ts fix(router): create schematic for preserveQueryParams (#38762) 2020-10-14 10:40:55 -07:00

README.md

Router's NavigationExtras.preserveQueryParams migration

Previously the NatigationExtras property of preserveQueryParams defined what should be done with query parameters on navigation. This migration updates the usages of preserveQueryParams to instead use the queryParamsHandler property.

Before

import { Component } from '@angular/core';
import { Router } from '@angular/router';

@Component({})
export class MyComponent {
  constructor(private _router: Router) {}

  goHome() {
    this._router.navigate('/', {preserveQueryParams: true, skipLocationChange: 'foo'});
  }
}

After

import { Component } from '@angular/core';
import { Router } from '@angular/router';

@Component({})
export class MyComponent {
  constructor(private _router: Router) {}

  goHome() {
    this._router.navigate('/', { queryParamsHandler: 'preserve', skipLocationChange: 'foo' });
  }
}