/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 vote161 views1 answer
Bootstrap dropdown not working in angular 8
Javascript AngularJS
0 vote185 views1 answer
Check textbox value on ng-change value == in angular
Javascript AngularJS
1 vote170 views2 answers
Angular input value
Javascript AngularJS
3 votes273 views3 answers
AngularJs drag and drop
Javascript AngularJS
0 vote187 views1 answer
Angular input date binding on variable update
Javascript AngularJS
1 vote184 views1 answer
Angular contains both .browserslistrc and browserslist
Javascript AngularJS
2 votes164 views1 answer
Refresh date and time every second angular
Javascript AngularJS
0 vote287 views2 answers
Aos library animation angular
Javascript AngularJS
0 vote162 views1 answer
Sweetalert angular 8
Javascript AngularJS
15 votes180 views3 answers
Angular input decimal pipe
Javascript AngularJS