/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 vote201 views1 answer
Angular specific attributes and locators list
Javascript AngularJS
0 vote248 views1 answer
Angular ngif object not null
Javascript AngularJS
2 votes211 views1 answer
Change color of material design angular progress bar
Javascript AngularJS
0 vote251 views1 answer
Select all checkbox in angular
Javascript AngularJS
0 vote225 views1 answer
Display unique id number in angular
Javascript AngularJS
0 vote195 views1 answer
Angular material remove outline
Javascript AngularJS
0 vote203 views1 answer
How to make color squares in angular
Javascript AngularJS
3 votes204 views1 answer
Npm install @angular/fire firebase –save
Javascript AngularJS
0 vote263 views1 answer
Angular generate guid
Javascript AngularJS
-1 vote204 views1 answer
Directives in angular
Javascript AngularJS