javascript - 将 JavaScript 文件添加到 Angular 4 组件

Question

假设我制作了一个自定义 JavaScript 文件，即“custom.js”

我如何将其实现到组件中？

如果我将“custom.js”添加到 index.html，那很好，但是有什么方法可以专门将它添加到组件中吗？

Answer 1

步骤:1=> 在 /app 文件夹中创建并编写您的 js 代码说“synapse.js”。您在组件中使用的函数或常量应使用 export 关键字导出。 例如:

synapse.js

export function synapseThrow() {
  return 'hello'
}

export const MY_VAR = 'world!';

步骤:2=> 在 angular-cli.json 中，将以下部分添加到 apps 对象中。

"scripts": ["app/synapse.js"]

步骤:3=> 在 tsconfig.json 中，在 compilerOptions 中添加以下属性。

"allowJs": true

步骤:4=> 在任何组件中说“app.component.ts”导入“synapse.js”文件使用导入关键字。

app.component.ts

// other imports

import { MY_VAR, synapseThrow } from './synapse';

// other app code here

ngOnInit(){
  const returned = MY_VAR;
  const returnFunc = synapseThrow();
}