/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 vote193 views1 answer
Display component in popup angular 8
Javascript AngularJS
1 vote199 views1 answer
Your global Angular CLI version (11.0.2) is greater than your local version
Javascript AngularJS
3 votes172 views1 answer
Add firebase angular
Javascript AngularJS
0 vote177 views1 answer
Add icon to angular
Javascript AngularJS
0 vote178 views1 answer
Angular bind style value
Javascript AngularJS
8 votes187 views4 answers
Angular moment
Javascript AngularJS
-2 votes169 views1 answer
Checkbox checked angular
Javascript AngularJS
0 vote179 views1 answer
Angular pass async pipe value to funciton
Javascript AngularJS
47 votes226 views6 answers
Adding bootstrap to angular
Javascript AngularJS
0 vote203 views1 answer
Datatable shows No data available in table in angular
Javascript AngularJS