/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 vote281 views1 answer
How to get selected value from between form tags in Angular
Javascript AngularJS
3 votes285 views3 answers
Disable input angular
Javascript AngularJS
0 vote492 views2 answers
Adding cors in angular
Javascript AngularJS
8 votes302 views3 answers
Formgroup angular
Javascript AngularJS
0 vote275 views1 answer
Angular httpheaders example
Javascript AngularJS
0 vote333 views2 answers
Readonly checkbox angular
Javascript AngularJS
0 vote305 views1 answer
Angular lazy-loading cli command
Javascript AngularJS
0 vote306 views1 answer
Npm font awesome 5 angular 7
Javascript AngularJS
0 vote316 views1 answer
Phantomjs in angular
Javascript AngularJS
1 vote309 views1 answer
Angular set timezone
Javascript AngularJS