2016-11-30 5 views
1

でイベントをクリックして、私は角2プロジェクトでplotly Javaスクリプトのクリックイベントを使用しようとしていますが、それはタイプに存在しません「のHTMLElement」「on」のがPlotly角度2アプリケーション

プロパティ以下のエラーを返しています。

let myPlot = document.getElementById('donutChartId'); 
myPlot.on('plotly_click', function(data){ 
console.log(data.points[0].label); 
}); 

このため、角張ったビルドに失敗しています。

答えて

1

.on()は、アプリケーションでのjQueryを使用している場合は、この方法を使用するために選択された要素からjQueryオブジェクトを作成することがjquery method

です。

let myPlot = document.getElementById('donutChartId'); 

to 

let myPlot = $(document.getElementById('donutChartId')); 

+0

「「名前を見つけることができません$」私は前にいることを試みたが、それは言う –

+1

あなたはjqueryのためのタイプを追加したことがありますか?タイプ "@ types/jquery": "1.10.31"、および実際のjqueryライブラリもアプリケーションの一部でなければなりません。 –

+0

私はそれを追加しましたが、同じエラーが表示されます。 –

0

コンパイルエラーと思われます。しかし、あなたのコードは動作します。あなたがエラーに懸念している場合。 ES6 HTMLElementクラスの子クラスを作成できます。上記のコードをあなたのコンポーネントに追加してください。要素選択中

class CustomHTMLElement extends HTMLElement { 
    constructor() { 
    super(); 
    } 
    on(event_type, cb) { 
    } 
} 

と型キャスト

let myPlot = <CustomHTMLElement>document.getElementById('donutChartId');

関連する問題