daily pastebin goal
95%
SHARE
TWEET

Untitled

a guest Feb 13th, 2018 58 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import {Injectable} from '@angular/core';
  2. import * as Rx from 'rxjs';
  3.  
  4. @Injectable()
  5. export class TransmitRouteService {
  6.  
  7.   data = new Rx.Subject();
  8.  
  9.   constructor() {
  10.     /* I tried this just to see if it would sync I/O. */
  11.     /* It did not.                                    */
  12.     // this.data.next('aaa');
  13.   }
  14.  
  15.  
  16.   insertData(data){
  17.     this.data.next(data);
  18.   }
  19. }
  20.    
  21. @NgModule({
  22.   declarations: [
  23.     AppComponent,
  24.     Menu1,
  25.     Menu2,
  26.     Menu3,
  27.     Menu4,
  28.     Menu5,
  29.     Menu6,
  30.   ],
  31.   imports: [
  32.     BrowserAnimationsModule,
  33.     BrowserModule,
  34.     AppRouting
  35.   ],
  36.   exports: [],
  37.   providers: [TransmitRouteService],
  38.   bootstrap: [AppComponent]
  39. })
  40. export class AppModule {
  41. }
  42.    
  43. import {Component, OnInit} from '@angular/core';
  44. import {Router} from '@angular/router';
  45. import { slideLeft, slideRight } from '../../../../assets/animations/router.animations';
  46. import {TransmitRouteService} from "../../../../assets/services/transmit.route.service";
  47.  
  48.  
  49. @Component({
  50.   selector: 'app-routing',
  51.   templateUrl: './routing.component.html',
  52.   styleUrls: ['./routing.component.scss'],
  53.   animations: [slideLeft, slideRight],
  54.   host: { '[@slideLeft, slideRight]': '' }
  55. })
  56. export class RoutingComponent implements OnInit {
  57.  
  58.   router:any;
  59.  
  60.   constructor(private _router: Router, private _transmitRouteService: TransmitRouteService) {
  61.     this.router = _router;
  62.   }
  63.  
  64.   ngOnInit() {
  65.   }
  66.  
  67.   getState(outlet) {
  68.     this._transmitRouteService.insertData(this.router.url);
  69.     return outlet.activatedRouteData.state;
  70.   }
  71.  
  72. }
  73.    
  74. import { Component, OnInit } from '@angular/core';
  75. import {TransmitRouteService} from '../../../assets/services/transmit.route.service';
  76.  
  77. @Component({
  78.   selector: 'app-top-bar',
  79.   templateUrl: './top-bar.component.html',
  80.   styleUrls: ['./top-bar.component.scss'],
  81. })
  82. export class TopBarComponent implements OnInit {
  83.  
  84.   route: string = '';
  85.  
  86.   constructor(private _transmitRouteService: TransmitRouteService) { }
  87.  
  88.   ngOnInit() {
  89.     this._transmitRouteService.data.subscribe((value) => {
  90.       this.route = value.toString();
  91.     }, (error) => {
  92.       console.log(error);
  93.     }, () => {
  94.       console.log('done !');
  95.     });
  96.   }
  97.  
  98. }
  99.    
  100. Input: Output:
  101. Hello
  102. World   Hello
  103. I       World
  104. Am      I
  105. Tatsu   Am
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top