/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 vote139 views1 answer
Firebase timestamp to date angular
Javascript AngularJS
0 vote129 views1 answer
Angular property value does not exist on type Event
Javascript AngularJS
0 vote125 views1 answer
Dynamic set required in angular using formcontrol
Javascript AngularJS
27 votes162 views5 answers
Create new project angular
Javascript AngularJS
0 vote151 views1 answer
Cannot find name json angular 7
Javascript AngularJS
0 vote133 views1 answer
Npm font awesome 5 angular 7
Javascript AngularJS
9 votes150 views6 answers
Update angular
Javascript AngularJS
0 vote135 views2 answers
Aos animation angular
Javascript AngularJS
0 vote137 views2 answers
Set @Output through modalref angular
Javascript AngularJS
0 vote121 views1 answer
Angular ng default scss
Javascript AngularJS