/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

5 votes366 views3 answers
Skip import angular 6
Javascript AngularJS
2 votes309 views2 answers
Ngmodel
Javascript AngularJS
0 vote379 views2 answers
Angular schematics
Javascript AngularJS
0 vote330 views1 answer
Angular array splice
Javascript AngularJS
1 vote329 views1 answer
Angular right click on link
Javascript AngularJS
43 votes527 views6 answers
Angular check if array is empty
Javascript AngularJS
0 vote381 views1 answer
How to create a component in angular using terminal
Javascript AngularJS
0 vote362 views1 answer
How to set direction based on language in angular
Javascript AngularJS
0 vote355 views1 answer
Angular copy folder to dist
Javascript AngularJS
8 votes356 views2 answers
Update formgroup value angular
Javascript AngularJS