/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

10 votes227 views2 answers
Make service in angular 8
Javascript AngularJS
3 votes193 views1 answer
Install ionic @angular/fire
Javascript AngularJS
0 vote202 views1 answer
Angular model optional parameter null
Javascript AngularJS
2 votes198 views2 answers
Angular limit string length
Javascript AngularJS
0 vote239 views1 answer
Angular material open last visited tab
Javascript AngularJS
4 votes482 views1 answer
Yarn \angular cli
Javascript AngularJS
0 vote191 views1 answer
Checkbox not binding to scope in angularjs
Javascript AngularJS
27 votes383 views6 answers
How to make a component reload in angular
Javascript AngularJS
0 vote198 views1 answer
Angularjs ng-options name value
Javascript AngularJS
0 vote201 views1 answer
Ag grid angular examples
Javascript AngularJS