/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 vote115 views1 answer
Httpclientmodule is not an angular module
Javascript AngularJS
0 vote145 views1 answer
How to angular html ts function
Javascript AngularJS
1 vote106 views1 answer
Angular architecture patterns
Javascript AngularJS
0 vote110 views3 answers
Barcode scanner angularjs chrome browser issues
Javascript AngularJS
0 vote101 views1 answer
Remove unused javascript angular
Javascript AngularJS
4 votes108 views2 answers
Ws.browser regeneratorRuntime is not defined angular
Javascript AngularJS
0 vote104 views1 answer
Angular redirect to external url
Javascript AngularJS
0 vote126 views1 answer
Get page link angular
Javascript AngularJS
1 vote107 views1 answer
Angular cli path environment variable
Javascript AngularJS
10 votes127 views3 answers
Eventemitter in angular
Javascript AngularJS