/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

7 votes202 views4 answers
Angular firebase
Javascript AngularJS
-1 vote150 views2 answers
Angular form validation date input
Javascript AngularJS
5 votes176 views2 answers
Timeout angularjs
Javascript AngularJS
1 vote177 views1 answer
Button disabled angular
Javascript AngularJS
0 vote176 views1 answer
Angular maxlength directive input type number
Javascript AngularJS
0 vote170 views3 answers
Angular loop
Javascript AngularJS
5 votes189 views3 answers
Angular formarray remove all
Javascript AngularJS
12 votes178 views2 answers
Angular string contains
Javascript AngularJS
0 vote199 views1 answer
Angular dinamic disabled
Javascript AngularJS
0 vote195 views1 answer
Search fullname in angular
Javascript AngularJS