角型4コンポーネントにJavaScriptファイルを追加

Question

カスタムJavaScriptファイル、つまり「custom.js」を作成しましょう。

これをコンポーネントに実装するにはどうすればよいですか？

「custom.js」をindex.htmlに追加しても問題ありませんが、コンポーネントに特別に追加できる方法はありますか？

Answer 1

手順：1 =>作成し、jsのコードを書く "synapse.js" で言います/appフォルダーコンポーネントで使用する関数または定数は、キーワードexportを使用してエクスポートする必要があります。 EXため：

synapse.js

export function synapseThrow() { 
    return 'hello' 
} 

export const MY_VAR = 'world!'; 

ステップ：2 =>角度-cli.jsonにおいて、appsオブジェクトに以下の部分を追加します。

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

ステップ：3 =>tsconfig.jsonにおいて、compilerOptionsに以下のプロパティを追加します。

"allowJs": true 

ステップ：任意のコンポーネントで4 =は> "app.component.ts" インポート "synapse.js" ファイルをimportキーワードを使用して言います。

app.component.ts

// other imports 

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

// other app code here 

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

Answer 2

ファイルを、あなたのcustom.jsの内部で持っている変数を宣言してみ

---

declare var aFunction: any; 

import '../../../js/custom.js'; 

export class ExampleComponent{ 

    variable: any; 

    constructor() { } 

    ngOnInit() { 
     new aFunction(this.variable); //aFunction() is inside custom.js 
    } 
}