/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 vote316 views1 answer
Angular 10 get unique values from array of objects
Javascript AngularJS
0 vote537 views2 answers
Adding cors in angular
Javascript AngularJS
0 vote327 views1 answer
Angular material dropdown menu
Javascript AngularJS
1 vote341 views1 answer
Observable filter angular 8
Javascript AngularJS
0 vote286 views1 answer
Angular unique app id
Javascript AngularJS
3 votes344 views1 answer
Ternary operator in angular
Javascript AngularJS
0 vote356 views3 answers
Get local storage data in angular
Javascript AngularJS
1 vote330 views4 answers
Get rid of white space around Angular Material modal dialog
Javascript AngularJS
2 votes361 views3 answers
How to get firebase document id angular
Javascript AngularJS
0 vote338 views1 answer
Angular bind checkbox
Javascript AngularJS