/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

4 votes142 views2 answers
Placeholder in angular 9 select with working required
Javascript AngularJS
0 vote134 views1 answer
Filter table with multiple input in angular
Javascript AngularJS
0 vote141 views1 answer
Angularjs ng-options name value
Javascript AngularJS
25 votes247 views6 answers
How to install bootstrap in angular
Javascript AngularJS
0 vote137 views1 answer
Unhandled Navigation Error: angular dist build
Javascript AngularJS
3 votes143 views1 answer
Npm install @angular/fire firebase –save
Javascript AngularJS
27 votes158 views3 answers
Setup new angular project
Javascript AngularJS
0 vote135 views1 answer
Slice pipe in angular
Javascript AngularJS
0 vote140 views1 answer
Angular get name of component
Javascript AngularJS
0 vote157 views1 answer
Ontouch validate angular
Javascript AngularJS