/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 vote196 views1 answer
Command to check dependencies in angular
Javascript AngularJS
-1 vote112 views2 answers
Angular form validation date input
Javascript AngularJS
0 vote156 views1 answer
Custom search filter in angular 8
Javascript AngularJS
0 vote158 views1 answer
Install aos angular 10
Javascript AngularJS
0 vote170 views1 answer
Pattern validator angular
Javascript AngularJS
10 votes168 views2 answers
Make service in angular 8
Javascript AngularJS
7 votes158 views2 answers
Make angular to run on a different port
Javascript AngularJS
0 vote192 views1 answer
Angular watching for changes in $http.pendingRequests from directive
Javascript AngularJS
0 vote171 views2 answers
Export excel form angular array to excel
Javascript AngularJS
0 vote181 views1 answer
Angular store select method
Javascript AngularJS