/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 vote174 views1 answer
Is it possible to filter with multiple condition in angularjs?
Javascript AngularJS
0 vote270 views1 answer
Application pool angular 8
Javascript AngularJS
3 votes180 views1 answer
Scoll a div to bottom in angular
Javascript AngularJS
0 vote200 views1 answer
Not Found The requested URL was not found on this server angular routing when going back to site from ecternal source
Javascript AngularJS
0 vote167 views1 answer
Angular download blob pdf
Javascript AngularJS
0 vote163 views1 answer
Angular property value does not exist on type Event
Javascript AngularJS
0 vote168 views1 answer
Angular bind checkbox
Javascript AngularJS
6 votes192 views2 answers
Auto generate component angular
Javascript AngularJS
3 votes171 views1 answer
Ternary operator in angular
Javascript AngularJS
0 vote168 views1 answer
ANGULAR locale fr
Javascript AngularJS