docs(router): Move ActivatedRoute example to mini-app (#29755)

PR Close #29755

packages/examples/router/activated-route/module.ts

@@ -0,0 +1,46 @@
+/**
+ * @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 {
+}