/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 vote153 views1 answer
Angular module with routing cli
Javascript AngularJS
27 votes287 views6 answers
How to make a component reload in angular
Javascript AngularJS
-1 vote172 views1 answer
How to do a timer angular
Javascript AngularJS
12 votes153 views5 answers
Angular font awesome
Javascript AngularJS
0 vote140 views1 answer
Angular input type text character limit
Javascript AngularJS
-1 vote172 views1 answer
Angular bind to class or ngClass
Javascript AngularJS
0 vote144 views1 answer
Filter table with multiple input in angular
Javascript AngularJS
3 votes157 views1 answer
Send event to child component angular
Javascript AngularJS
0 vote144 views3 answers
Angular An accessor cannot be declared in an ambient context.
Javascript AngularJS
2 votes149 views1 answer
Angular valuechanges get id
Javascript AngularJS