Angular2 Router with the url matcher.

angular2.router.ts

export function MyAwesomeMatcher ( url: UrlSegment[] ): UrlMatchResult {

  if (url.length === 0) {
    return null;
  }

  const reg = /^(awesome-path)$/;
  const param = url[ 0 ].toString();
 
  if (param.match( reg )) {
    // myValue: "awesome-path"
    return ({ consumed: url, posParams: { myValue: url[ 0 ] } });
  }

  return null;

}

// define application routes.
const routes: Routes = [
  { path: '', component: HomeComponent, pathMatch: 'full' },
  // { path: 'awesome-path', component: MyAwesomeComponent },
  { matcher: MyAwesomeMatcher, component: MyAwesomeComponent }
  ...
];

Thank you. This really helped. Is there a better way to do this path matching?

Hey friend,
what is the meaning of below lines.could you describe more:-

            return ({ consumed: url, posParams: { myValue: url[ 0 ] } });

can you give me any example just for understanding

@pramodkumarw See https://angular.io/api/router/UrlMatchResult

For mine use case where a matcher can have optionally parameter

/**
 * Generic matcher function
 *
 * Set in route data variable with a named regex to get parameters
 * ie:
 * data: {
 *     regex: /^(?<currency_pair>[a-z_]{3,6}-[a-z_]{3,6})?$/
 * }
 */
export function matcher(segments: UrlSegment[], segmentGroup: UrlSegmentGroup, route: Route): UrlMatchResult {
    const regex = route.data.regex;
    const url = segments.length == 1 ? segments[0].toString() : '';

    let params = url.match(regex);
    if (params) {
        const posParams: { [key: string]: UrlSegment } = {};

        // Named parameter based in name group of regexp
        for (const [name, value] of Object.entries(params.groups)) {
            posParams[name] = new UrlSegment(value, {});;
        }

        return { consumed: segments, posParams };
    }

    return null;
}