Event Binding

Event Bubbling (Propagation)

//event bubbling (event propagation)
An event bubbles up the DOM tree until the event hits the target handler.
How can you stop it?
onSave(){
$event.stopPropagation();
console.log("Here is my event");
}

<!--in app.component.html template-->
//make sure to use the same class name in your content as is defined
//in the select attribute of the ng-content tag
<bootstrap-panel>
<div class="heading">Heading to be injected</div>
<div class="body">
<h2>body</h2>
<p>Some content here (which will get injected)</p>
</div>
</bootstrap-panel>