/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

2 votes363 views2 answers
Angular window object
Javascript AngularJS
1 vote375 views4 answers
Angular 8 features
Javascript AngularJS
0 vote317 views1 answer
Tab key event in angular
Javascript AngularJS
93 votes441 views3 answers
Instalación de angular cli
Javascript AngularJS
0 vote339 views1 answer
Angular empty object
Javascript AngularJS
0 vote315 views1 answer
Angular cli spec test false
Javascript AngularJS
7 votes335 views2 answers
Make angular to run on a different port
Javascript AngularJS
2 votes334 views1 answer
Moment use in angular
Javascript AngularJS
10 votes285 views3 answers
Angular event emitter
Javascript AngularJS
0 vote319 views2 answers
Export excel form angular array to excel
Javascript AngularJS