/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

8 votes359 views4 answers
Angular moment
Javascript AngularJS
7 votes362 views2 answers
Install angular fire
Javascript AngularJS
0 vote339 views1 answer
How to add d3.js in angular
Javascript AngularJS
1 vote432 views1 answer
Angular 10 set error on form controle
Javascript AngularJS
0 vote340 views3 answers
Angular form validation whitespace
Javascript AngularJS
2 votes391 views2 answers
How to use moment in angular 8
Javascript AngularJS
0 vote398 views1 answer
Angular tooltip text ngif
Javascript AngularJS
1 vote341 views1 answer
Dynamic component angular parameters
Javascript AngularJS
7 votes340 views5 answers
What is angularjs
Javascript AngularJS
1 vote362 views4 answers
Angular 9 features
Javascript AngularJS