/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

13 votes126 views2 answers
Import angular flex layout
Javascript AngularJS
0 vote122 views1 answer
Ngswitchcase in angular 8
Javascript AngularJS
9 votes121 views4 answers
Scroll to top when routing angular
Javascript AngularJS
2 votes183 views4 answers
How to run resize event only on client side angular
Javascript AngularJS
5 votes135 views3 answers
Angular formarray remove all
Javascript AngularJS
1 vote141 views1 answer
Two way bind angular divide
Javascript AngularJS
2 votes116 views1 answer
Nangular make window available
Javascript AngularJS
0 vote131 views1 answer
Addclass to elementref angular
Javascript AngularJS
0 vote117 views1 answer
Angular implementing Validator
Javascript AngularJS
0 vote150 views3 answers
Order by ascending descending in angular 6 on click of button
Javascript AngularJS