typescript - Angular 2 - 使用外部库

标签 typescript angular

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

最佳答案

这是一个全局库,因此您无需导入。而是像往常一样使用它,例如:

@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/

相关文章:

javascript - 从 tinymce 触发的 MatDialog 在窗口调整大小之前未初始化

typescript - 递归数组类型 typescript

javascript - Angular 2使用onchange创建html元素

angular - 是否可以在 Typescript 中按值 "filter"映射?

angular - 禁止在 Angular Material 对话框区域外单击以关闭对话框(使用 Angular 版本 4.0+)

javascript - 如何避免 tr 内的分页符?

reactjs - 如何解决错误: "You gave us a visitor for the node type TSSatisfiesExpression but it' s not a valid type"?

html - AGM map 填充容器

angular - 多个 canActivate 守卫在第一次失败时全部运行

typescript - 使用Typescript和类组件装饰器时如何将数组传递给Vue中的 Prop