/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 vote251 views1 answer
Use your custom component inside Angular Material Dialog
Javascript AngularJS
0 vote264 views1 answer
Download file on button click in angular 8
Javascript AngularJS
0 vote260 views1 answer
GetFullYear within moment in angular
Javascript AngularJS
0 vote272 views1 answer
Angular dynamic script loading
Javascript AngularJS
0 vote288 views2 answers
Zoom map around the marker angular
Javascript AngularJS
0 vote395 views1 answer
How to use batch export function forn exports charts in fusioncharts via angularjs
Javascript AngularJS
0 vote267 views1 answer
Application pool angular 8
Javascript AngularJS
0 vote262 views1 answer
Angular module with routing cli
Javascript AngularJS
0 vote214 views1 answer
Angular 9 dockerfile
Javascript AngularJS
0 vote242 views1 answer
Install aos angular 10
Javascript AngularJS