/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 vote184 views1 answer
Anchor click event angular refresh page
Javascript AngularJS
0 vote176 views1 answer
How can i use two api at the same time in angular
Javascript AngularJS
0 vote192 views3 answers
Angular An accessor cannot be declared in an ambient context.
Javascript AngularJS
0 vote200 views1 answer
How to update angular core in ionic
Javascript AngularJS
0 vote201 views1 answer
Reuse jquery angular
Javascript AngularJS
0 vote180 views2 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^9.0.0-beta || >=9.0.0 <10.0.0, but Angular version 10.0.14 was found instead.
Javascript AngularJS
24 votes148 views2 answers
Uninstall angular cli
Javascript AngularJS
0 vote214 views1 answer
Generate angular.json for existing project
Javascript AngularJS
0 vote204 views1 answer
Angular store select method
Javascript AngularJS
1 vote177 views1 answer
Angular architecture patterns
Javascript AngularJS