Angular 2. How to select markup inside ng-content?

Question

Angular

I am making a universal component that will catch drag-n-drop files
I want to hang event processing on the content that will be inside

ng-content

Component Implementation

@Component({
    selector: 'drop-area',
    template: '<ng-content></ng-content>'
})

export class DropAreaComponent
{
    @Output('file') fileEvent: EventEmitter<File> = new EventEmitter<File>();
    @Output('hover-drag') hoverEvent: EventEmitter<boolean> = new EventEmitter<boolean>();

    constructor() {
    }
}

How to use

<drop-area file="fileChange()" hover-drag="dragArea()">
    <div id="target"></div>
</drop-area>

How to get div with id target in drop-area component?

Answer 1

learnangular2.com/viewChild