Angular 2 - 使用外部库

时间:2016-02-03 17:48:23

标签: typescript angular

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

1 个答案:

答案 0 :(得分:20)

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