在angular2中导入第三方库

时间:2016-01-13 14:47:41

标签: angular

我可能会遗漏一些明显的东西,但我该怎么做 导入不导出任何内容的第三方库。

我尝试了以下所有

import '../bower_components/asn1js/asn1';
import {ASN1} from '../bower_components/asn1js/asn1';
import ASN1 from '../bower_components/asn1js/asn1';

两者都没有效果。

如果您查看asn1.js文件,最后可以看到以下内容:

// export globals
if (typeof module !== 'undefined') { module.exports = ASN1; } else { window.ASN1 = ASN1; }

似乎它正试图自我出口。我不熟悉这个,你能解释一下我吗:

  • 是什么决定模块是否未定义?应该在哪里定义?
  • 如果未定义或api不使用导出,我该如何导入/使用它?

1 个答案:

答案 0 :(得分:0)

由于它正在导出全局对象,因此您无需导入它。 如果您要导入的任何内容将是TypeScript.definition文件,但我不确定是否还有。

所以你应该尝试以下几点。

@Component({
  selector: 'Component',
  directives: [],
  providers: [],
  template: `
    <h3>Component</h3>
  `
})
export class Componentimplements OnInit{    
  constructor(private _asn1 : window.ASN1 || ASN1){

  }

  ngOnInit(){}
}