如何在角度2中加载组件之前加载外部JS？

Question

我有一个自定义日期选择器，可以在网页中执行以下操作。现在我将该文件包含在component.ts中，如

import { Component, OnInit } from '@angular/core';
import '../../assets/js/transfor.js';

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

  constructor() { }

  ngOnInit() {
  }

}

日期选择器将执行以下操作，

Copy
Export to excel
Export to PDF
Print

代码在transfor.js中将如下所示..

$(function () {
  $('#datepicker-autoclose').datepicker({
      autoclose: true,
    });
  $('#datepicker-autoclose1').datepicker({
      autoclose: true,
     });
   });

$(function () {
$('#example').DataTable( {
   "bPaginate": false,
    dom: 'Bfrtip',
    buttons: [
    'copy', 'excel', 'pdf', 'print'
    ]
 });
});

首次加载页面时未加载导入。它仅在首次加载后页面刷新时才起作用。

任何人都可以帮我解决这个问题吗？

谢谢，