2017-12-11 30 views
2

私が正しければDefinitelyTypedには複数のライブラリ用のTypeScript定義があります。私の場合は、利用可能なGoogle Charts定義hereを使用したかったのです。 私はDefinitelyTyped in Angular5の使い方は?

npm install --save-dev @types/node 
npm install --save-dev @types/google-apps-script 

を使用してそれらをインストールしているしかし、私は私のプロジェクトにインポートする方法がわかりません。私は

import { Google } from '@types/google-apps-script'; 

を使用して試してみました。しかしVisual Studioのコードは、モジュールではなく、私のdeclare const googleは私が避けしたい、:anyのままであること、エラーがスローされます。

ご意見やご感想をお寄せください。

答えて

0

私のAngular 5プロジェクトでGoogle Chartsを動作させるために、私はこれらのDefinitelyTyped型を代わりに使っていましたが、これはGoogle Charts JavaScriptライブラリ専用です。ここで

@types/google.visualization 

https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/google.visualization

私は@Injectableサービスクラスに型をインポートする方法です。このステートメントは、*を使用してインポートしようとしたときのようなモジュールではないというエラーを発生させませんでした。コンストラクタで

import { } from 'google.visualization'; 

あなたは一度だけチャートライブラリをロードし、コールバック(setOnLoadCallback)にデータや設定オプションを渡すためにあなたのチャート機能を作成することができる場所です。

google.charts.load('current', {'packages':['corechart']}); 

私は「https://www.gstatic.com/charts/loader.js」をロードするためにindex.htmlをするためにscript要素を追加したが、おそらくこのような外部ライブラリを含めるためのより良い方法があります。