/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 vote326 views2 answers
Fs in angular
Javascript AngularJS
0 vote334 views2 answers
Angular scroll to element horizontally
Javascript AngularJS
0 vote324 views1 answer
Angular reactive form remove validation
Javascript AngularJS
0 vote389 views1 answer
Como checar valor do input checkbox angular
Javascript AngularJS
1 vote325 views1 answer
Angular get current time
Javascript AngularJS
0 vote338 views1 answer
Angular animation scale width and height
Javascript AngularJS
0 vote330 views1 answer
Switch element array angular
Javascript AngularJS
0 vote330 views1 answer
How to add row in angular dynamically
Javascript AngularJS
0 vote356 views1 answer
How to find element in array angularjs
Javascript AngularJS
17 votes405 views3 answers
Angular pipe for 2 decimal places
Javascript AngularJS