D-Net

import {Component, ElementRef, Input} from '@angular/core';

import {ActivatedRoute} from '@angular/router';

 interface addthis {

     layers: refresh;

     init: Function;

     toolbox: Function;

 }

 interface refresh {

     refresh: Function;

 }

 declare var addthis: addthis;

 // declare var loadAddThis: any;

//<addThis ></addThis>

@Component({

  selector: 'addThis',

  template: `

  <p class="addthis_inline_share_toolbox"></p>

  `

})

export class AddThisComponent {

  private sub:any;

  constructor(private route: ActivatedRoute) {

  }

  ngOnInit() {

    this.sub =  this.route.queryParams.subscribe(data => {

      if (typeof document !== 'undefined' && typeof addthis !== 'undefined') {

        try{

          //console.log("AddThis: try load");

          // addthis.toolbox();

          // addthis.init();

          addthis.layers.refresh();

        }catch (e) {

          // console.log("AddThis may didn't load properly");

          //   try{

          //     addthis.init();

          // addthis.layers.refresh();

          // console.log("AddThis: one more");

          // }catch (e) {

          //   console.log("AddThis error again");

          // }

        }

      }

      // if (typeof document !== 'undefined' ) {

      //      console.log("AddThis: try load");

      //      loadAddThis();

      //

      //

      // }

  });

  }

}