如何在angular 5中调用外部java脚本函数?

Mil*_*lan 3 javascript typescript angular angular5

我已经从这个链接下载了一个主题.我必须在index.html文件中定义脚本和CSS.

index.html(正文部分)

<body>
  <app-root></app-root>
  <script type="text/javascript" src="./assets/js/main.85741bff.js"></script>
  <script type="text/javascript" src="./assets/js/common.js"></script>
</body>
Run Code Online (Sandbox Code Playgroud)

我在common.js中定义了我的函数,并从main.85741bff.js文件中调用它.

common.js(function)

document.addEventListener("DOMContentLoaded", function (event) {
     masonryBuild();
     navbarToggleSidebar();
     navActivePage();
});
Run Code Online (Sandbox Code Playgroud)

问题是我可以在页面重新加载时调用该函数,但在内容加载时无法调用该函数.

任何人都可以帮我解决这个问题吗?任何帮助,将不胜感激.

Aks*_*arg 16

您可以在Angular应用程序中使用javascript.

步骤1. 在assets/javascript文件夹中创建demo.js文件.

export function test1(){
    console.log('Calling test 1 function');
}
Run Code Online (Sandbox Code Playgroud)

步骤2. 在assets/javascript文件夹中创建demo.d.ts文件.

export declare function test1();
Run Code Online (Sandbox Code Playgroud)

步骤3.在组件中使用它

import { test1 } from '../assets/javascript/demo'; 
 @Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  constructor() {
    console.log(test1());
  }
}
Run Code Online (Sandbox Code Playgroud)

注意:js和.d.ts文件名应该相同