How to know in which array dropped?

[obaidurrehman]

How to know in which array dropped?

[ObaidUrRehman]

In your case, the individual rooms would each be a droppable. Something like this:

<div droppable *ngFor="let room of rooms" (onDrop)="onItemDrop($event, room)">
   {{room.name}}
</div>

Notice how I have passed both the $event and the room to the onDrop handler.

The student would be draggable with some dragData:

<div draggable [dragData]="student" *ngFor="let student of students">
   {{student.name}}
</div>

Now when you drop a student over the room you'll have the data on the onDrop event of the droppable:

onItemDrop(e: any, room) {
        //  e.dragData is the student & room is the one where it was dropped.      
    }

[kjiang99]

Perfect!!! It works!!! Thanks a lot

[kjiang99]

I want to share what I did in demo: http://dorm2.azurewebsites.net/

I haven't done user mgmt, so it may interfere if mutliple people test at same time.

Click on the dorm such as 1st Floor Female at top. The dorm rooms will show.

On the left panel is accordion menu. Don't worry about Chinese. Basically category by grade and class.

The students with name like (F): female, (B): Boarding student, [107F]: assigned to 107F room.

Can drag and drop now!!!