2016-05-23 7 views
2

アンサー2のサイトでJScolorライブラリを動作させようとしています。私はかなり新しいので、問題は何かを知ることはできません。私のコンポーネントでアンカー2のjscolorライブラリをインポートする

私は次のようにライブラリをインポート:

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

とライブラリは、それが動作するはずですどの要素に知っているので、私はhtml要素にクラスjscolorを与えます。

角度2のフレームワークがこのように機能しないか、何か忘れてしまったので、これはまったく機能しませんか? jscolor.jsをロードするためのスクリプトタグを追加するには、index.html

+0

に見ることができますか?ネットワークタブにロードされたJScolorファイルが表示されますか?私はそれをSystemJSに追加する必要があると思います。 – Tomer

+0

はい、ロードされ、エラーは発生しません。今、リュヌクスの解決策を試しています! –

答えて

0

:コンポーネントで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; 
}; 

、または:

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

私は基本的にここに動作するはず活字体の型defintionファイルを生成ファイルの先頭に次のような型定義ファイルを参照してください:

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

代わりに、あなたはどんなエラーが出るん https://github.com/Alberplz/angular2-color-picker

+0

私はangular2-colour-pickerを最初に見ていましたが、いくつかの面白い問題がありました。私は問題を追加しましたが、まだ聞いたことがありません。 –

関連する問題