/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 votes163 views1 answer
Angular x social login
Javascript AngularJS
-3 votes188 views7 answers
Angular
Javascript AngularJS
0 vote211 views1 answer
Form status angular
Javascript AngularJS
0 vote279 views1 answer
Angular set attribute value dynamically
Javascript AngularJS
37 votes398 views2 answers
Short date angular pipe
Javascript AngularJS
0 vote185 views1 answer
Angular specific attributes and locators list
Javascript AngularJS
0 vote223 views1 answer
Angular chartjs align legend left
Javascript AngularJS
4 votes191 views3 answers
Angular pipe first letter uppercase
Javascript AngularJS
4 votes194 views2 answers
Placeholder in angular 9 select with working required
Javascript AngularJS
0 vote204 views1 answer
Set form invalid angular
Javascript AngularJS