/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

1 vote214 views1 answer
How to use lodash in Angular
Javascript AngularJS
2 votes185 views1 answer
Angular valuechanges get id
Javascript AngularJS
0 vote186 views4 answers
Npm angular mobile nav
Javascript AngularJS
1 vote182 views1 answer
Angular cli don't generate spec
Javascript AngularJS
0 vote183 views1 answer
Is an Angular component, then verify that it is part of this module.
Javascript AngularJS
2 votes267 views1 answer
Gitignore for angular
Javascript AngularJS
16 votes197 views6 answers
Generate new component angular
Javascript AngularJS
16 votes237 views3 answers
Generate module with routing in angular
Javascript AngularJS
0 vote187 views1 answer
Styles in angular component
Javascript AngularJS
0 vote178 views1 answer
Angularjs component stackoverflow
Javascript AngularJS