/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 vote250 views2 answers
How to define width with [styles] in percentage in angular
Javascript AngularJS
0 vote240 views1 answer
Screenfull angular example
Javascript AngularJS
0 vote277 views1 answer
Angular view not changing on model
Javascript AngularJS
3 votes241 views1 answer
Angular command to create interceptor
Javascript AngularJS
-2 votes218 views1 answer
Angular http get status code
Javascript AngularJS
-1 vote223 views1 answer
Angular 11 support versions nodejs
Javascript AngularJS
0 vote239 views1 answer
Angular create project in current directory
Javascript AngularJS
27 votes274 views3 answers
Setup new angular project
Javascript AngularJS
-1 vote243 views2 answers
Type of angular
Javascript AngularJS
0 vote235 views1 answer
Angular model optional parameter null
Javascript AngularJS