如何在我的angular2服務中使用第三方腳本？

Question

我正在嘗試使用angular2，與角度cli。我創建了一個具有角度cli的應用程序，並帶有新的my-app。現在我想創建一個服務，我需要使用第三方腳本。我看到該腳本已經在node_modules中。

如何在我的服務中包含/導入/注入/使用（不管）該腳本？

我看到一些關於添加到全局腳本的例子。但是如果我只是爲了服務而不需要它，爲什麼我會把它放在全局範圍內呢？

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() { } 

} 

Answer 1

您可以在服務中使用的第三方腳本，所以，首先你應該有一個劇本的類型定義。類型定義可以在https://microsoft.github.io/TypeSearch/上搜索，如果可用，可以在項目中安裝npm install --save @types/highcharts。否則需要編寫類型定義文件即。

第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()); 
    } 
} 

Answer 2

嘗試導入下面的線，你的第三方名稱替換圓JSON。同時爲第三方腳本安裝類型，以便您可以獲得像所有其他導入一樣的建議。 This link has all high quality types

import * as CircularJSON from 'circular-json';