/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 vote162 views1 answer
Get datetime yesterday angular
Javascript AngularJS
0 vote131 views1 answer
Import map in angular
Javascript AngularJS
10 votes100 views3 answers
Angular event emitter
Javascript AngularJS
11 votes121 views2 answers
Angular print an array
Javascript AngularJS
1 vote101 views1 answer
Kendo angular grid date format
Javascript AngularJS
0 vote103 views1 answer
Angular chart js Doughnut colors
Javascript AngularJS
0 vote99 views1 answer
Angular Quick Tip: Binding Specific Keys to the Keyup and Keydown Events
Javascript AngularJS
0 vote107 views1 answer
Angular indexeddb
Javascript AngularJS
0 vote98 views1 answer
Angular maxlength directive input type number
Javascript AngularJS
0 vote93 views1 answer
Angular router 404
Javascript AngularJS