47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
|
/**
|
||
|
|
* @license
|
||
|
|
* Copyright Google Inc. All Rights Reserved.
|
||
|
|
*
|
||
|
|
* Use of this source code is governed by an MIT-style license that can be
|
||
|
|
* found in the LICENSE file at https://angular.io/license
|
||
|
|
*/
|
||
|
|
// tslint:disable: no-duplicate-imports
|
||
|
|
import {NgModule} from '@angular/core';
|
||
|
|
// #docregion activated-route
|
||
|
|
import {Component} from '@angular/core';
|
||
|
|
// #enddocregion activated-route
|
||
|
|
import {BrowserModule} from '@angular/platform-browser';
|
||
|
|
import {RouterModule} from '@angular/router';
|
||
|
|
|
||
|
|
// #docregion activated-route
|
||
|
|
import {ActivatedRoute} from '@angular/router';
|
||
|
|
import {Observable} from 'rxjs';
|
||
|
|
import {map} from 'rxjs/operators';
|
||
|
|
// #enddocregion activated-route
|
||
|
|
// tslint:enable: no-duplicate-imports
|
||
|
|
// #docregion activated-route
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
// #enddocregion activated-route
|
||
|
|
selector: 'example-app',
|
||
|
|
template: '...'
|
||
|
|
// #docregion activated-route
|
||
|
|
})
|
||
|
|
export class ActivatedRouteComponent {
|
||
|
|
constructor(route: ActivatedRoute) {
|
||
|
|
const id: Observable<string> = route.params.pipe(map(p => p.id));
|
||
|
|
const url: Observable<string> = route.url.pipe(map(segments => segments.join('')));
|
||
|
|
// route.data includes both `data` and `resolve`
|
||
|
|
const user = route.data.pipe(map(d => d.user));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// #enddocregion activated-route
|
||
|
|
|
||
|
|
@NgModule({
|
||
|
|
imports: [BrowserModule, RouterModule.forRoot([])],
|
||
|
|
declarations: [ActivatedRouteComponent],
|
||
|
|
bootstrap: [ActivatedRouteComponent]
|
||
|
|
})
|
||
|
|
export class AppModule {
|
||
|
|
}
|