/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 vote245 views1 answer
Module not found error can't resolve 'rxjs/observable' angular 8
Javascript AngularJS
0 vote217 views1 answer
Angular dart router without hash
Javascript AngularJS
1 vote226 views1 answer
Angular validators number only in reactive form
Javascript AngularJS
1 vote229 views2 answers
How to convert utc time to local time angular
Javascript AngularJS
0 vote238 views1 answer
What is the difference between angular changedetection default and onpush stratergy
Javascript AngularJS
0 vote209 views1 answer
Select all checkbox in angular
Javascript AngularJS
0 vote227 views1 answer
New date in interpolation angular
Javascript AngularJS
1 vote211 views1 answer
Angular datatable reload with pagination
Javascript AngularJS
5 votes231 views2 answers
Angular how to copy text with button
Javascript AngularJS
0 vote233 views1 answer
Angular cli change serve port
Javascript AngularJS