Angular 2 - 使用外部库

Question

我最近开始使用Angular2(类型脚本),一切顺利,直到我尝试导入外部JavaScript库https://github.com/marchock/vertical-blocks.我尝试了一些方法,但没有任何作用,我通常会收到错误,显示库未定义.

Answer 1

这是一个全局库,因此您不需要这样做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>