/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 vote306 views1 answer
Angular 11 export excel with customize header
Javascript AngularJS
5 votes288 views1 answer
Angular input press enter
Javascript AngularJS
0 vote629 views1 answer
Resolvers in angular
Javascript AngularJS
0 vote283 views1 answer
Download file on button click in angular 8
Javascript AngularJS
4 votes286 views1 answer
Clear angular formarray
Javascript AngularJS
0 vote294 views1 answer
Angular : pass data to component loaded via route
Javascript AngularJS
1 vote290 views1 answer
Angular cli path environment variable
Javascript AngularJS
0 vote309 views1 answer
Jwtdecode has no call signatures angular
Javascript AngularJS
0 vote319 views1 answer
Datatable shows No data available in table in angular
Javascript AngularJS
1 vote282 views3 answers
Angular directive
Javascript AngularJS