从angular2中的dom元素中删除组件

Question

1. 我已经创建了一个项目，例如将多个组件拖到 纵切面。     一种可拖动的新组件。     我需要帮助，因此结构如下：     -在一个面板中拖动了一个普通组件，因此我只想删除该可拖动组件。     -条件是我最多可以删除6个组件。在一个面板中，我想根据面板数和组件将其删除。

   Ex: I drag 4 component in panel.
   So the 
   panel = 0 (background area)
   CompLength=5 start from 0 so it's 6.(items in background area)
   
   Structure is like that-
   
   HTML file
   
   <div *ngIf="let panel of tempPanels;let j=index;" id="{{j}}">
   <div *ngIf="let subitem of panel;let i=index;" id="{{i}}">
   
   <a (click)="removeComp(i,j)>remove</a>
   
   ts file
   removeComp(vals,j){
   Let element=document.getELementbyId(vals);
   element.paraentNode.removeChild(elemet);
   
   }
   
   But in that I want delete perticular Val's element in basis of j element.