2017-11-18 8 views
0

私はangle2を使用しようとしています。と角度cliです。私は、新しいmy-appを使って、角度のついたアプリを作成しました。今私はサードパーティのスクリプトを使用する必要があるサービスを作成したいと思います。そのスクリプトはすでにnode_modulesに入っています。私のangular2サービスでサードパーティスクリプトを使用するにはどうすればいいですか?

どのように私のサービスに/そのスクリプトを含めることができますか?

グローバルスクリプトへの追加についていくつかの例があります。しかし、私がサービスのためだけに必要としていれば、それをどこにも必要としなければ、どうして私はそれをグローバルな範囲に置くのだろうか?

my.service.ts

import { Injectable } from '@angular/core'; 
(HOW CAN I INCLUDE IN THIS SERVICE NODE_MODULES/SOME_OTHER_SCRIPT)?? 

@Injectable() 
export class MyService { 

    constructor() { } 

} 
+1

https://github.com/angular/angular-cli/wiki/stories-third-party-lib –

答えて

1

あなたはあなたのサービスにサードパーティのスクリプトを使用することができますので、まずあなたは、そのスクリプトの型定義を持っている必要があります。タイプ定義はhttps://microsoft.github.io/TypeSearch/でハイチャートのように検索できます。ご利用の場合はnpm install --save @types/highchartsをプロジェクトにインストールできます。そうでなければ型定義ファイルieを書く必要があります。

手順1. assests/javascriptフォルダにdemo.jsファイルを作成します。

export function test1(){ 
    console.log('Calling test 1 function'); 
} 

ステップ2. assests/javascriptフォルダにdemo.d.tsファイルを作成します。

export declare function test1(); 

ステップ3.コンポーネントでそれを使用し

import { test1 } from '../assets/javascript/demo'; 
@Injectable() 
export class AppService { 
    constructor() { 
    console.log(test1()); 
    } 
} 
1

は、輸入のために以下の行を試してみてください、あなたのサードパーティの名前で円JSONを交換してください。他のすべてのインポートと同様の提案を得るために、サードパーティスクリプトの入力をインストールしてください。 This link has all high quality types

import * as CircularJSON from 'circular-json'; 
+0

ありがとう! DefinitelyTypedリンクは便利です。 –

+0

うれしかったよ:) –

関連する問題