/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

4 votes133 views2 answers
Ws.browser regeneratorRuntime is not defined angular
Javascript AngularJS
0 vote133 views1 answer
Count same product with price in angular
Javascript AngularJS
0 vote119 views1 answer
How to update angular core in ionic
Javascript AngularJS
3 votes136 views1 answer
Angular map
Javascript AngularJS
-1 vote141 views1 answer
How to disable previous date in datepicker using angular 6
Javascript AngularJS
0 vote124 views1 answer
You seem to not be depending on "@angular/core" and/or "rxjs". This is an error.
Javascript AngularJS
7 votes139 views2 answers
Mouseover event in angular 11
Javascript AngularJS
0 vote100 views1 answer
Angular calendar updating until hovering
Javascript AngularJS
0 vote141 views1 answer
Angular navbar is overlaying content
Javascript AngularJS
1 vote130 views1 answer
Uppercase angular pipe
Javascript AngularJS