我如何清除Angular2中的選擇器內的DOM內容

我想加載包裝在Angular2組件中的Kenod Pivot網格。我根據按鈕點擊事件之類的用戶事件加載kenod網格。當我第一次加載劍道網格時，它加載正常。但是當用戶重複點擊按鈕時，我希望先前加載的網格內容被刪除，並使用最新數據加載新網格。相反，它的行爲方式使得它可以在剛剛加載的網格下方追加或加載新的網格。請找到相同成分的加載多個實例的快照我如何清除Angular2中的選擇器內的DOM內容

我嘗試下面的代碼清除指定選擇內部現有的DOM內容。

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中選擇加載

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

但預計它不會工作。

請讓我知道如何清除以前加載的內容。

來源

2016-12-28 Krishnan

您只需要自己移除現有的。這不是角度的錯。 – Dummy

提供組件代碼 –

@Dummy，讓我知道如何刪除現有的？這就是我正在尋找的，我上面指定的代碼沒有按預期工作，我不知道什麼是刪除現有的正確方法？ – Krishnan

這裏是你如何使用jquery去除DOM元素。在向您的樞軸添加新內容之前調用此方法

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

來源

2016-12-29 00:04:08 Dummy

它的工作原理，感謝您的幫助 – Krishnan

我如何清除Angular2中的選擇器內的DOM內容

回答

相關問題