router.isActive and routerLinkActive to support more options

Currently router.isActive and routerLinkActive support only one option exact:boolean.

When exact = true, isActive will return true if:

• queryParams match exactly
• the url has the same url segments with all “path” equal
• matrix params are ignored

When exact = false, isActive will return true if:

• The queryParams of the containee is a subset of the queryParams of the container
• The url tree of the containee is a subtree of the url tree of the container
• Matrix params are ignored

We should replace the exact=true with a string type that supports more options:

• Include/exclude queryParams
• Include/exclude fragment
• Include/exclude matrix params

[devforey]

A workaround for ignoring the queryParams for routerActive with exact: true would be to create your own condition to check if the current URL without the query params is equal to the routerLink.

<a routerLink="/my-link" [class.active]="isLinkActive('/my-link')"></a>

public isLinkActive(url: string): boolean {
  return (('/' + this.activatedRoute.snapshot.url.join('/')) === url);
}

[Saonela]

Still waiting… This is really annoying