title: get the data-id attribute of the destination element ondrop event
body: <p>So obviously the event object is pretty big and hard to navigate. I am trying to get the data-id attribute of my target element using the ondrop event. so</p>
  
  <pre><code>onItemDrop(event: any) {
      // Get the dropped data here
      console.log(event.///GET THE data-id attribute of the target element);
  }
  </code></pre>
  
  <p>the html:</p>
  
  <pre><code>&lt;div id="{{ column.id }}"
      class="board-body"
      data-id="{{ column.id }}"
      (onDrop)="onItemDrop($event)"
      droppable&gt;
      &lt;div class="card bg-light-blue mb-2" *ngFor="let item of (results | groupBy: column.id)" [dragData]="item" draggable&gt;
          &lt;div class="card-body"&gt;
              &lt;div class="card-title mb-0"&gt;
                  &lt;h6&gt;
                      &lt;span class="text-primary"&gt;&lt;strong&gt;{{ item.contactName }}&lt;/strong&gt;&lt;/span&gt;
                      &lt;span class="text-secondary"&gt;- {{ item.mediaOutletName }}&lt;/span&gt;
                  &lt;/h6&gt;
                  &lt;button class="btn btn-transparent p-0"&gt;
                      &lt;small&gt;&lt;i class="fa fa-caret-down p-0"&gt;&lt;/i&gt;&lt;/small&gt;
                  &lt;/button&gt;
              &lt;/div&gt;
              &lt;div class="card-text text-dark"&gt;
                  Sent: {{ item.updatedDate | date }}
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need this because I will then be adding to the script to change the data if the item dropped id so that it will matches the id of the element it was dropped into?</p>