Feature request : add click event on ngx-dnd-container

[ElodieBergonnier]

It would be nice to have a click event on container so we can capture the active item.

Here is an example of code from the demo where I added (click) event.

<ngx-dnd-container
            dropZone="builder-target"
            [model]="model.children"
            [removeOnSpill]="true"
            [template]="template"
            [droppableItemClass]="droppableItemClass"
            (click)="setActiveItem($event)"
            (drag)="log($event)"
            (drop)="log($event)"
            (over)="log($event)"
            (out)="log($event)"
            (remove)="log($event)">

[Hypercubed]

While possible, my advice would be to handle that in the using the directives or item templates.

Using a template

<ngx-dnd-container [model]="items">
  <ng-template let-model="model">
    <div (click)="setActiveItem(model)">{{model.name}}</div>
  </ng-template>
</ngx-dnd-container>

In general I would recommend using the directives for anything more complex than a simple drag and drop lists.

Using directives

<div class="ngx-dnd-container" ngxDroppable [model]="items">
  <div
    class="ngx-dnd-item"
    ngxDraggable
    *ngFor="let item of items"
    (click)="setActiveItem(item)">{{item.name}}</div>
</div>

[Hypercubed]

If you think this doesn't work fro some reason please reopen.