NPMモジュール "はタイプのみを参照しますが、ここで値と​​して使用されています。イオン2 /角度2で

Question

私は、イオン2（角度2）プロジェクトにnpmモジュール "ajv"をインポートしようとしています。 （https://epoberezkin.github.io/ajv/）

私は、 "NPMがAJV --saveをインストールする" 走った後、私のapp.modules.jsファイルに次の変更作られた：私はコンパイルすると、しかし、私はエラーを取得する

import { Ajv } from 'ajv'; 

... 
providers : [ 
    Ajv, 
    ... 
] 

を：

'Ajv' only refers to a type, but is being used as a value here. 
c:/Users/me/Documents/Ionic/MyApp/src/app/app.module.ts 

このライブラリをプルするより良い方法はありますか？

Answer 1

NgModule中のプロバイダの配列は、他の話す中@Injectable部品または同様の機能「プロバイダ」または「サービス」を使用するためです。このライブラリはそのデザインに適合していないようです。

AppModuleではなく、アプリケーションコンポーネント内でインポートを使用するだけで済みます。インポートとは、単純なES6スタイルのimportが「シンボル」であることを意味し、コードで直接使用します。

のでexample.component.tsで例えば：

import { Component } from '@angular/core'; 
import { Ajv } from 'ajv'; 

@Component({ 
    selector: 'app-example', 
    templateUrl: './example.component.html', 
    styleUrls: ['./example.component.css'] 
}) 
export class ExampleComponent { 

    myMethod() { 
    // Just use Ajv here 
    } 

} 

デコレータアレイでこれを置く必要はありません。

インポートされたサードパーティのライブラリが、「サービスのようなやり方」で使いたいものであれば、是非@Injectableサービスとしてラップしてください。ただし、消費量は上記の例とほとんど変わりません。