/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 vote345 views1 answer
Localhost:3000 ad is not working with outlook angular 8
Javascript AngularJS
1 vote330 views1 answer
Forms in angular
Javascript AngularJS
1 vote301 views1 answer
Angular mat select open programmatically
Javascript AngularJS
0 vote320 views1 answer
What is the difference between angular changedetection default and onpush stratergy
Javascript AngularJS
29 votes403 views2 answers
Angular npm angular material
Javascript AngularJS
0 vote337 views2 answers
Aos library animation angular
Javascript AngularJS
0 vote330 views1 answer
My drop down link won't work with bootstrap angular
Javascript AngularJS
0 vote350 views1 answer
Mouse wheel event angular for table
Javascript AngularJS
2 votes318 views1 answer
Password validation in angular
Javascript AngularJS
9 votes336 views3 answers
Angular get current timestamp
Javascript AngularJS