Показать индекс массива - угловой 4+

Question

У меня есть функция перетаскивания.Перетаскиваемые элементы будут сброшены в массив.Инструменты перетаскивания сохраняются в одном компоненте.И есть 3 поля текста, номер и дата будут перетащены в эту форму.Входные данные будут прослушаны, а затем вставлены в массив dropzone. Мне нужно получить соответствующий индекс массива и отобразить.Но я не могу этого сделать.Вот сегменты кода.

.html

 <div *ngFor='let tool of dropzone'>

            <label>{{dropzone.tool}}  </label>
<div>

component.ts

dropzone = [];

  move(draggedTool, dropzone): void {
    dropzone.push(draggedTool);  
    console.log(dropzone);

  }  

output

(3) ["Text", "Number", "Date"]
0: "Text"
1: "Number"
2: "Date"
length: 3
__proto__: Array(0)

Как я могу получитьуказатель перетаскиваемого инструмента и дисплей?

Answer 1

Angular предоставляет переменную index в ngFor, поэтому вы можете использовать ее при итерации массива.

<div *ngFor='let tool of dropzone; let i = index'>
    <label>{{dropzone.tool}}</label>
    <label>{{ i }}</label>
<div>

Существуют и другие переменные, которые предоставляет ngFor.Вы можете прочитать их из официальных угловых документов