/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

10 votes359 views2 answers
What does event emitter do in angular
Javascript AngularJS
0 vote356 views1 answer
Is it possible to filter with multiple condition in angularjs?
Javascript AngularJS
2 votes340 views1 answer
How to get http request and store the response in a variable in angular
Javascript AngularJS
1 vote371 views1 answer
Add a route to a buttoin in angular
Javascript AngularJS
0 vote361 views1 answer
Angular debug chrome launch.json
Javascript AngularJS
4 votes335 views1 answer
Ng add angularFire2
Javascript AngularJS
1 vote371 views1 answer
Angular elementref
Javascript AngularJS
0 vote325 views1 answer
Angular create project in current directory
Javascript AngularJS
0 vote348 views1 answer
How to decrease the size of js files build from angular
Javascript AngularJS
4 votes339 views3 answers
Pass data from parent to child component angular 8
Javascript AngularJS