/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 vote198 views1 answer
Angular post data not sending
Javascript AngularJS
0 vote282 views1 answer
Angular set dist output directly under dist rather than dist/project
Javascript AngularJS
5 votes197 views2 answers
Copy to clipboard angular
Javascript AngularJS
0 vote206 views1 answer
Angular formData print values
Javascript AngularJS
29 votes443 views2 answers
ERESOLVE unable to resolve dependency tree npm ERR npm ERR! Found: @angular/[email protected] npm ERR! node_modules/@angular/core
Javascript AngularJS
0 vote186 views1 answer
Angular animation scale width and height
Javascript AngularJS
0 vote205 views1 answer
Angular material slide effect button click
Javascript AngularJS
6 votes239 views2 answers
Hide and show in angular 8
Javascript AngularJS
3 votes225 views3 answers
Angular input change event
Javascript AngularJS
7 votes194 views2 answers
Make angular to run on a different port
Javascript AngularJS