title: Display index of an Array - Angular 4+
body: <p>I have a drag and drop function created. The dragged elements will be dropped to an array.  The dragging tools are saved in one component. And there are 3 fields text, number and date will be dragged to this form. The inputs will be listened and then inserted to the dropzone array.I need to fetch the relevant index of the array and display. But i am unable to do it. Here are the code segments.</p>
  
  <p>.html</p>
  
  <pre><code> &lt;div *ngFor='let tool of dropzone'&gt;
  
              &lt;label&gt;{{dropzone.tool}}  &lt;/label&gt;
  &lt;div&gt;
  </code></pre>
  
  <p>component.ts</p>
  
  <pre><code>dropzone = [];
  
    move(draggedTool, dropzone): void {
      dropzone.push(draggedTool);  
      console.log(dropzone);
  
    }  
  </code></pre>
  
  <p>output</p>
  
  <pre><code>(3) ["Text", "Number", "Date"]
  0: "Text"
  1: "Number"
  2: "Date"
  length: 3
  __proto__: Array(0)
  </code></pre>
  
  <p>How can i get the index of the dragged tool and display?</p>