/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

5 votes128 views1 answer
Angular x social login
Javascript AngularJS
5 votes130 views2 answers
Display rond logo in angular
Javascript AngularJS
6 votes180 views1 answer
Angular for objetkeys pipe
Javascript AngularJS
0 vote129 views1 answer
Angular observer if not length
Javascript AngularJS
0 vote123 views1 answer
Get data from URL in angular
Javascript AngularJS
4 votes380 views1 answer
Yarn \angular cli
Javascript AngularJS
0 vote128 views1 answer
How can i use two api at the same time in angular
Javascript AngularJS
1 vote136 views1 answer
Angular cli path environment variable
Javascript AngularJS
0 vote139 views1 answer
Create ew angular app
Javascript AngularJS
0 vote144 views1 answer
Propriedades checkbox angular
Javascript AngularJS