typescript - Angular 2-使用外部库

我最近开始使用Angular2(类型脚本)，并且一切正常，直到尝试导入外部javascript库https://github.com/marchock/vertical-blocks为止。我尝试了几种方法，但是没有任何效果，并且通常会显示错误消息，显示未定义库。

最佳答案

这是一个全局库，因此您无需对此代码import。而是像通常那样使用它:

@Component({...})
export class ExampleComponent{
    verticalBlocks: any;

    ngOnInit(){
        this.verticalBlocks = new VerticalBlocks({
           ...
        });
    }
}

而不是import，而是简单地声明变量VerticalBlocks，以便TypeScript不会提示您使用它，并且知道它是使用

declare var VerticalBlocks: any;

在.ts文件的顶部。

然后，只需像往常一样在html中添加脚本即可:

<script src="path/to/verticalblocks.js"></script>

关于typescript - Angular 2-使用外部库，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35184125/