如何在我的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';