/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 vote336 views1 answer
Angular disabled spec.ts
Javascript AngularJS
1 vote300 views1 answer
Perfect scrollbar in textarea angular
Javascript AngularJS
0 vote281 views1 answer
Angular generate without spec
Javascript AngularJS
1 vote293 views2 answers
Add dynamic value to id attribute in angular 8
Javascript AngularJS
0 vote317 views1 answer
Chartjs angular bar beginAtZero
Javascript AngularJS
6 votes258 views2 answers
Auto scroll to bottom of div angular
Javascript AngularJS
50 votes402 views3 answers
Angularjs substring
Javascript AngularJS
0 vote285 views1 answer
@angular/common
Javascript AngularJS
2 votes296 views1 answer
Refresh date and time every second angular
Javascript AngularJS
0 vote646 views1 answer
Resolvers in angular
Javascript AngularJS