/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 vote274 views1 answer
Angular property value does not exist on type Event
Javascript AngularJS
2 votes279 views2 answers
Angularjs dropdown
Javascript AngularJS
2 votes278 views6 answers
Tailwind in angular
Javascript AngularJS
0 vote317 views1 answer
Angular autocomplete displaywith
Javascript AngularJS
0 vote306 views2 answers
How to auto click webpage in angular
Javascript AngularJS
0 vote267 views1 answer
Send data from form to another page angular
Javascript AngularJS
7 votes289 views2 answers
Install angular fire
Javascript AngularJS
0 vote263 views1 answer
ERROR in ./src/app/pages/auth/auth.module.ngfactory.js Module not found: Error: Can't resolve '@angular/material/core/index'
Javascript AngularJS
1 vote270 views1 answer
If condition for click in angular
Javascript AngularJS
13 votes287 views3 answers
Angular.json bootstrap path
Javascript AngularJS