FrameService

frame.service.ts

import { Injectable, EventEmitter } from '@angular/core';
import { Subject } from 'rxjs/Subject';
import { Router } from '@angular/router';
@Injectable()
export class FrameService {
    constructor(private router: Router) { }
    public srcChange: Subject<string> = new Subject<string>();
    public frameClosed: EventEmitter<any> = new EventEmitter<any>();
    public set src(url: string) {
        if (!url) {
            this.router.navigate([], {});
            this.frameClosed.emit(true); // Let interested components know database may've been updated.
            return;
        }
        this.srcChange.next(url.replace(/^\//, ''));
    }
}