Я пытаюсь загрузить сетку Kenod Pivot, завернутую в компонент Angular2. Я загружаю сетку kenod на основе пользовательского события, такого как событие нажатия кнопки. Когда я загружаю сетку кендо, он загружается в первый раз. Но когда пользователь нажимает кнопку несколько раз, я хочу, чтобы ранее загруженное содержимое сетки было удалено, и загрузите новую сетку с последними данными. Вместо этого он ведет себя так, что добавляет или загружает новую сетку чуть ниже ранее загруженной сетки. Пожалуйста, найдите снимок о загрузки нескольких экземпляров того же компонента 
Как очистить содержимое DOM внутри селектора в Angular2
Я попытался следующий код, чтобы очистить существующее содержимое 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>
но он не работает, как ожидалось.
Пожалуйста, дайте мне знать, как очистить ранее загруженное содержимое.
Вам просто нужно удалить существующие. Это не угловая ошибка. – Dummy
указать код компонента –
@Dummy, дайте мне знать, как удалить существующие? это то, что я ищу, код, который я указал выше, не работает должным образом, и я не уверен, что это правильный способ удалить существующие? – Krishnan