使用ngOnInit检测Angular 4中的路线更改

时间:2018-07-13 16:54:36

标签: angular ngoninit

每当发生路线更改时,我需要触发一个功能。我的函数位于资产文件夹中的js文件中。

  

这是我的javascript函数

     window.dataLayer = (function(){
     function appData(){
      console.log("triggerd")
     }

}
  

这是我的角度代码,并且已经在构造函数上实现了它。这工作正常,但我需要在ngOnInit内执行此操作。当我使用ngOnInit时,它给我一个错误。

import { Component, OnInit } from '@angular/core';
import { Router, Routes, RouterModule } from '@angular/router';
import { constructor } from 'events';
import {Location} from '@angular/common';
import 'rxjs/add/operator/pairwise';
import 'rxjs/add/operator/filter';

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

declare var dataLayer: any;



@Component({
 selector: 'app-root',
 templateUrl: './app.component.html',
 styleUrls: ['./app.component.css']
})
export class AppComponent {
 title = 'app';


  constructor(router: Router) {
  router.events
   .filter(event => event instanceof NavigationStart)
   .subscribe((event: NavigationStart) => {
   dataLayer.applicationdata();
   });
  }
  }

0 个答案:

没有答案