/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 vote125 views1 answer
Open bytes in new tab angular
Javascript AngularJS
0 vote133 views1 answer
Mengakses gambar didalam asset angular
Javascript AngularJS
0 vote153 views1 answer
How to redirect from login page to other page if user is already logged in in angular using jwt
Javascript AngularJS
4 votes182 views3 answers
Pass data from parent to child component angular 8
Javascript AngularJS
2 votes134 views2 answers
Angularjs 1.5.6 cdn
Javascript AngularJS
2 votes137 views1 answer
What is the use of angularjs
Javascript AngularJS
1 vote129 views1 answer
Angularjs round to 2 decimal places input
Javascript AngularJS
9 votes130 views1 answer
Angular ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked.
Javascript AngularJS
0 vote129 views1 answer
Angular http async false
Javascript AngularJS
0 vote120 views1 answer
Matmenu in angular
Javascript AngularJS