/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 vote215 views1 answer
Use promis with date angular
Javascript AngularJS
2 votes169 views1 answer
Angular valuechanges get id
Javascript AngularJS
0 vote210 views1 answer
Angular key value pipe compareFn example
Javascript AngularJS
0 vote198 views1 answer
Angular post data not sending
Javascript AngularJS
0 vote221 views1 answer
Dynamic set required in angular using formcontrol
Javascript AngularJS
2 votes235 views1 answer
@input and @Output in angular
Javascript AngularJS
0 vote219 views4 answers
Progress bar loader angular
Javascript AngularJS
11 votes211 views2 answers
Angular print an array
Javascript AngularJS
0 vote220 views1 answer
Angular : pass data to component loaded via route
Javascript AngularJS
0 vote208 views1 answer
How to redirect from login page to other page if user is already logged in in angular using jwt
Javascript AngularJS