/Javascript/AngularJS/How to bind two ng-content in a component angular

How to bind two ng-content in a component angular

app.comp.html
<app-child>
    <div header >This should be rendered in header selection of ng-content</div>
    <div body >This should be rendered in body selection of ng-content</div>
</app-child>

child.comp.html
<div class="header-css-class">
    <ng-content select="[header]"></ng-content>
</div>
<div class="body-css-class">
    <ng-content select="[body]"></ng-content>
</div>

Source: stackoverflow.com

Similar codes

0 vote200 views2 answers
Properly import mat icon angular 10
Javascript AngularJS
0 vote254 views2 answers
Controller in angularjs projects
Javascript AngularJS
2 votes205 views2 answers
Angular limit string length
Javascript AngularJS
0 vote234 views1 answer
Dublin, Edinburgh, Lisbon, London getcurrentdatetime in angularjs
Javascript AngularJS
6 votes186 views2 answers
Angular dynamic class
Javascript AngularJS
0 vote191 views1 answer
Animate change of class angular
Javascript AngularJS
3 votes188 views1 answer
Call a function whenever routerlink is clicke angular
Javascript AngularJS
0 vote202 views1 answer
Angular rellax
Javascript AngularJS
0 vote203 views2 answers
Adding background video angular 6
Javascript AngularJS
2 votes189 views3 answers
Change route on button click angular
Javascript AngularJS