Question

我试图让JScolor库在我的angular 2网站上运行。我相当新，所以我不知道问题是什么。

在我的组件中，我导入了类似的库：

Import 'the/path/to/the/library';

我给html元素类jscolor，所以库知道它应该工作的元素。

这是不会有效的，因为角度2框架不会像这样工作或者我忘记了什么？

Answer 1

在index.html添加脚本标记以加载jscolor.js：

<script src='the/path/to/the/library'></script>

我为TypeScript生成了一个类型定义文件，它基本上应该在这里工作：https://gist.github.com/rinukkusu/63ae4530561c89a95c9c3d716c0a7b3b

declare var jscolor: {
    dir: string;
    binding: boolean;
    preloading: boolean;
    install: () => void;
    init: () => void;
    getDir: () => any;
    detectDir: () => any;
    bind: () => void;
    preload: () => void;
    images: {
        pad: number[];
        sld: number[];
        cross: number[];
        arrow: number[];
    };
    imgRequire: {};
    imgLoaded: {};
    requireImage: (filename: any) => void;
    loadImage: (filename: any) => void;
    fetchElement: (mixed: any) => any;
    addEvent: (el: any, evnt: any, func: any) => void;
    fireEvent: (el: any, evnt: any) => void;
    getElementPos: (e: any) => number[];
    getElementSize: (e: any) => any[];
    getMousePos: (e: any) => any[];
    getViewPos: () => number[];
    getViewSize: () => number[];
    URI: (uri: any) => void;
    color: (target: any, prop: any) => void;
};

在组件中，或者您需要的任何位置，在文件顶部引用类似这样的类型定义文件：

///<reference path="path/to/the/jscolor.d.ts"/>

或者你可以看一下 https://github.com/Alberplz/angular2-color-picker

以角度2导入jscolor库

1 个答案: