/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

-2 votes153 views1 answer
Checkbox checked angular
Javascript AngularJS
1 vote191 views1 answer
Data table in angular 8 from api
Javascript AngularJS
0 vote157 views1 answer
Angular two datepickers
Javascript AngularJS
0 vote167 views1 answer
Angular int to string
Javascript AngularJS
0 vote156 views1 answer
Angular chart js legend position
Javascript AngularJS
38 votes351 views6 answers
How to add bootstrap in angular
Javascript AngularJS
0 vote142 views1 answer
Angularjs datetime
Javascript AngularJS
2 votes150 views2 answers
Lodash angular 9
Javascript AngularJS
0 vote141 views1 answer
Configure column menu in kendo grid angular to hae only locked
Javascript AngularJS
-2 votes187 views2 answers
Bootstrap 4 navbar-collapse not working angular
Javascript AngularJS