/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 vote347 views1 answer
Angular conditional tooltip
Javascript AngularJS
0 vote349 views2 answers
Angular router navigate base href
Javascript AngularJS
8 votes296 views3 answers
Angular [routerlink]
Javascript AngularJS
0 vote345 views1 answer
Angular observable examplE
Javascript AngularJS
4 votes356 views3 answers
Reload sub component angular
Javascript AngularJS
35 votes458 views4 answers
Angular go to route
Javascript AngularJS
0 vote339 views2 answers
Angular disable click
Javascript AngularJS
0 vote363 views1 answer
Angular resolver for cookie
Javascript AngularJS
2 votes351 views2 answers
Angularjs dropdown
Javascript AngularJS
0 vote407 views1 answer
Angular get element by classname
Javascript AngularJS