/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 votes134 views2 answers
Get previous url angular
Javascript AngularJS
0 vote133 views3 answers
Angular loop
Javascript AngularJS
0 vote122 views2 answers
Print array angular
Javascript AngularJS
0 vote117 views1 answer
Error: node_modules/@angular/fire/database/interfaces.d.ts:2:10
Javascript AngularJS
35 votes165 views4 answers
Angular go to route
Javascript AngularJS
0 vote74 views4 answers
How to implement read more and readless in angular
Javascript AngularJS
4 votes126 views2 answers
Angular pipe to capitalize first letter
Javascript AngularJS
0 vote122 views1 answer
Angular generer guard
Javascript AngularJS
8 votes117 views3 answers
How to use another port in angular
Javascript AngularJS
0 vote103 views1 answer
Angular 9 dockerfile
Javascript AngularJS