/Javascript/AngularJS/Angular component between tags

Angular component between tags

//  <ng-content></ng-content>
@Component({
  selector: 'app-demo',
  template: '<div>{{title}}</div>
             <br>
             <ng-content></ng-content>',
})
export class DemoComponent {
  title = 'Works!';
}

//Content to be projected:

<app-demo>This is projected content!</app-demo>

//The output will be:

Works!
This is projected content!

Source: stackoverflow.com

Similar codes

0 vote304 views1 answer
Angular animation scale width and height
Javascript AngularJS
1 vote346 views1 answer
Condition in string interpolation angular
Javascript AngularJS
0 vote318 views1 answer
Angular dinamic disabled
Javascript AngularJS
1 vote326 views1 answer
Your global Angular CLI version (11.0.2) is greater than your local version
Javascript AngularJS
2 votes244 views2 answers
Placeholder in angular 9 select with working required
Javascript AngularJS
0 vote310 views1 answer
How to import all material module in angular
Javascript AngularJS
1 vote323 views2 answers
Remove duplicate values in array angular
Javascript AngularJS
1 vote297 views1 answer
Emit resize event in angular
Javascript AngularJS
-1 vote336 views1 answer
Angular multiple validator pattern single input
Javascript AngularJS
0 vote309 views1 answer
Angular Failed to make request to https://www.gstatic.com/firebasejs/releases.json
Javascript AngularJS