/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 vote235 views1 answer
Refresh a kendo ui widget, when options on AngularJS $scope change
Javascript AngularJS
0 vote220 views1 answer
Angular-bootstrap-md angular 10
Javascript AngularJS
50 votes287 views3 answers
Angularjs substring
Javascript AngularJS
1 vote243 views1 answer
Drop down listing in angular form
Javascript AngularJS
4 votes231 views1 answer
Downgrade angular version in project
Javascript AngularJS
9 votes231 views3 answers
Angular get current timestamp
Javascript AngularJS
0 vote248 views1 answer
How to generate angular component with scss
Javascript AngularJS
0 vote204 views1 answer
List of string angular
Javascript AngularJS
0 vote175 views1 answer
Angular notifier
Javascript AngularJS
0 vote220 views1 answer
Adding bootstrap to angular global styles
Javascript AngularJS