/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 vote153 views1 answer
Ngif is string angular
Javascript AngularJS
0 vote149 views1 answer
How to apply border to table in angular
Javascript AngularJS
-1 vote130 views1 answer
Angular how to navigate back
Javascript AngularJS
0 vote136 views3 answers
How click button and redirect angular
Javascript AngularJS
0 vote140 views2 answers
Export excel form angular array to excel
Javascript AngularJS
2 votes184 views2 answers
Make button disabled if input is empty angular
Javascript AngularJS
-2 votes175 views2 answers
Bootstrap 4 navbar-collapse not working angular
Javascript AngularJS
0 vote214 views1 answer
Angular Espanol
Javascript AngularJS
0 vote143 views1 answer
GetFullYear within moment in angular
Javascript AngularJS
0 vote148 views1 answer
Send data with emit angular
Javascript AngularJS