Angular 4组件：从另一个文件调用javascript/jquery代码

我有一个jquery代码，它在

ngAfterViewInit（）执行

但是我想把它移到一个外部的
myScripts.js
来简化组件

我尝试将代码移动到一个外部文件，然后使用
import
，但这会使脚本只被调用一次，因此如果我导航到一个子组件（使用定义的
onclick
擦除html元素
myElement
），然后返回到父级
myElement
返回时没有onclick事件

所以问题是：

在angular4中使用jquery/javascript的最佳实践是什么？您需要从
myScripts.ts
导出函数，然后
导入它并在
ngAfterViewInit（）中调用它

正确导出后，您应该能够执行以下操作：

// app.ts
import { myInitFunc } from './myScripts';

ngAfterViewInit() {
  myInitFunc();
}

// myScripts.ts
export function myInitFunc(): void {
  $(function () {
    $('#myElement').click(function (e) {
      //do stuff
    });
  }
};

请看
导出
：

// app.ts
import { myInitFunc } from './myScripts';

ngAfterViewInit() {
  myInitFunc();
}

// myScripts.ts
export function myInitFunc(): void {
  $(function () {
    $('#myElement').click(function (e) {
      //do stuff
    });
  }
};