如何在我的angular2服务中使用第三方脚本？

Question

我正在尝试使用angular2和angular cli 。 我用ng new my-app创建了一个带有角度cli的应用程序。 现在，我想创建一个需要使用第三方脚本的服务。 我看到该脚本已经在node_modules中。

如何在服务中包含/导入/注入/使用（无论如何）该脚本？

我看到一些有关添加到全局脚本的示例。 但是，如果仅在服务中需要它，而在其他任何地方都需要它，为什么还要将它放在全球范围内？

我的服务

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

@Injectable()
export class MyService {

    constructor() { }

}

Answer 1

尝试在下面的行中进行导入，用您的第3方名称替换Circular-json。 此外，请为您的第三方脚本安装类型，以便您获得与所有其他导入一样的建议。 此链接具有所有高质量的类型

import * as CircularJSON from 'circular-json';

Answer 2

您可以在服务中使用3rd party脚本，因此首先您应该具有该脚本的类型定义。 类型定义可以像高图表一样在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());
  }
}