/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

5 votes226 views2 answers
How to update angular version
Javascript AngularJS
0 vote271 views3 answers
How click button and redirect angular
Javascript AngularJS
3 votes298 views4 answers
Router-outlet' is not a known element angular
Javascript AngularJS
7 votes294 views3 answers
How to add query parameter to url in angular
Javascript AngularJS
-1 vote263 views1 answer
Angularjs socket.io
Javascript AngularJS
0 vote330 views2 answers
Angular cli generate guard
Javascript AngularJS
0 vote269 views1 answer
Placing card on center in angular flex layout
Javascript AngularJS
0 vote285 views1 answer
How to add dropdown with filter in angular material
Javascript AngularJS
0 vote265 views1 answer
Jasmine spy return value when using create Spy Object angular 2
Javascript AngularJS
25 votes357 views6 answers
How to install bootstrap in angular
Javascript AngularJS