Angular2でセレクタ内のDOMコンテンツをクリアするには

Question

Angular2コンポーネントでラップされたKenodピボットグリッドを読み込もうとしています。ボタンクリックイベントのようなユーザーイベントに基づいてケノードグリッドを読み込みます。初めて剣道グリッドをロードすると、罰金がかかります。しかし、ユーザーがボタンを繰り返しクリックすると、以前に読み込まれたグリッドのコンテンツを削除し、最新のデータで新しいグリッドをロードします。代わりに、以前にロードされたグリッドのすぐ下に新しいグリッドを追加またはロードするように動作します。 同じコンポーネントのロード複数のインスタンス

約スナップショットを見つけてください。私は、指定されたセレクタ内部に存在するDOMの内容をクリアするために、次のコードを試してみました。

<div> 
    <div id="pivotgrd" class="hidden-on-narrow"></div> 
</div> 

が、期待どおりに動作しますしないをロードする

this.temp = jQuery(this.elementRef.nativeElement).children('#pivotgrd').html(''); 
this.dataSource = ... //assign json values to this... 

this.pivotgrid = jQuery(this.elementRef.nativeElement).find('#pivotgrd').kendoPivotGrid(
      this.dataSource 
     ).data("kendoPivotGrid"); 

HTMLのセレクタ。

以前に読み込まれた内容を消去する方法を教えてください。

Answer 1

jqueryを使用してDOM要素を削除する方法は次のとおりです。ピボットに新しいコンテンツを追加する前にこれを呼び出してください。

jQuery('#pivotgrd').children().remove()