/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

3 votes222 views1 answer
Ternary operator angular template
Javascript AngularJS
0 vote216 views1 answer
Angular router navigate inside setTimeout
Javascript AngularJS
0 vote224 views1 answer
Installing toast for angular projects
Javascript AngularJS
0 vote312 views1 answer
Mixed line chart for angular or react
Javascript AngularJS
8 votes246 views2 answers
Angularjs onclick
Javascript AngularJS
3 votes221 views1 answer
Angular build aot vs jit
Javascript AngularJS
2 votes221 views2 answers
Angularjs dropdown
Javascript AngularJS
3 votes207 views1 answer
Angular map
Javascript AngularJS
9 votes205 views6 answers
Update angular
Javascript AngularJS
0 vote219 views1 answer
Angular2-tree-diagram
Javascript AngularJS