I am working with nested components as shown below:
app.parent.component > app.container.component > app.containeritem.component
Here is an example:
app.parent.component
import ...
@Component({
selector:'parent',
template: '<container></container>,
....
})
app.container.component
import ...
@Component({
selector: 'container',
template: '<containeritem></containeritem>',
...
})
app.containeritem.component
import ...
@Component({
selector: 'containeritem',
template: `<ul><li draggable="true"(dragend)="update.emit($event)">lorem</li></ul>`
...
})
While inside app.child.component, I am emitting a drag action. How can I correctly retrieve the action data from app.containeritem.component in app.parent.component?