web-dev-qa-db-ja.com

Angular 5のTypeScriptからJavaScript関数を呼び出す方法は?

PDFでAngular Viewerの開発に取り組んでいます。5。UI部分のHTMLコードを作成しました。これで、UI要素の機能を提供するJavaScriptファイルができました。 Angular 5はUIコンポーネントの機能を実装するためにTypeScriptをサポートしているため、Angular ProjectにJavaScriptファイルを含め、TypeScriptコードから呼び出したいと思います。

質問:

  1. AngularプロジェクトにJavaScriptファイルを含める方法と場所
  2. TypeScriptクラスからJavaScript関数を呼び出す方法は?

誰かが私に例を提供してくれれば素晴らしいことです!!

前もって感謝します!!

24
Ravi Kumar B

1。 AngularプロジェクトにJavaScriptファイルを含める方法と場所

JSファイルをassetフォルダーに含め、このJSファイルを。angular-cliで参照する必要があります.jsonファイル。

スナップショットを参照して、

フォルダ構造は次のようになります。

enter image description here

。angular-cli.json

enter image description here

2。 TypeScriptクラスからJavaScript関数を呼び出す方法

TSは次のようになります。

myJsFile.jsファイルのコンテンツ

enter image description here

上記のサンプルロジックは機能しますが、バージョン4を使用してテストしましたので、バージョン5でも動作することを期待しています。

64
Arun Raj R