javascript - Angular 5. 如何跟踪 Javascript 文件中的路由更改，或在组件级别执行功能？

Question

我有 global.js 脚本文件，需要在路由更改为“/home”时启动 InitSwiper() 函数，但找不到如何在脚本文件中跟踪路由器或通过 home.component.ts 启动函数

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

declare var global: any; 

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {

  ngOnInit() {
    global.initSwiper();
  }

}

全局.js

$(function () {

    "use strict";
    $(window).load(function(){
        pageCalculations();
        $('#loader-wrapper').fadeOut();
        $('body').addClass('loaded');
        initSwiper();
    });
...
})

Answer 1

如果您使用的是 CLI，则需要将该文件包含在“scripts”数组内的 .angular-cli.json 文件中。

如果你只想从 home.component.ts 中的那个文件调用一个函数，那么你可以如下声明

declare var global:any; 

然后继续

ngOnInit(){
    global.InitSwiper();
}

有些人建议使用守卫，但如果您不需要延迟或阻止路由加载，那就太过分了。