ng2-bootstrap-base-modified/demo/src/app/app.component.ts

Native Angular Bootstrap Components Typeahead modified

import { AfterContentInit, Component, Inject } from '@angular/core';
import { NavigationEnd, Router, ActivatedRoute } from '@angular/router';
import { isBs3 } from 'ng2-bootstrap/utils';

import { PageScrollConfig, PageScrollService, PageScrollInstance } from 'ng2-page-scroll';
import { DOCUMENT } from '@angular/platform-browser';
PageScrollConfig.defaultDuration = 11;
PageScrollConfig.defaultScrollOffset = 70;

@Component({
  selector: 'bs-demo',
  templateUrl: './app.component.html'
})
export class AppComponent implements AfterContentInit {
  public get isBs3(): boolean {
    return isBs3();
  }

  private route: ActivatedRoute;
  private router: Router;
  private pageScrollService: PageScrollService;
  private document: any;

  public constructor(route: ActivatedRoute, router: Router, pageScrollService: PageScrollService, @Inject(DOCUMENT) document: any) {
    this.route = route;
    this.router = router;
    this.pageScrollService = pageScrollService;
    this.document = document;
  }

  // almost same logic exists in top-menu component
  public ngAfterContentInit(): any {
    const getUrl = (router: Router) => router.routerState.snapshot.url.slice(0, router.routerState.snapshot.url.indexOf('#'));
    let _prev = getUrl(this.router);
    const justDoIt = (event: any): void => {
      if (!(event instanceof NavigationEnd)) {
        return;
      }

      let _cur = getUrl(this.router);
      if (typeof PR !== 'undefined' && _prev !== _cur) {
        _prev = _cur;
        // google code-prettify
        PR.prettyPrint();
      }

      let hash = this.route.snapshot.fragment;
      if (hash) {
        let pageScrollInstance: PageScrollInstance = PageScrollInstance.simpleDirectionInstance(this.document, `#${hash}`, true);
        this.pageScrollService.start(pageScrollInstance);
      }
    };

    this.router.events.subscribe((event: any) => setTimeout(() => justDoIt(event), 50));
  }
}