/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 vote64 views1 answer
Comand component create struct angular
Javascript AngularJS
3 votes114 views1 answer
Ternary operator angular template
Javascript AngularJS
0 vote117 views1 answer
Ag grid angular examples
Javascript AngularJS
38 votes273 views6 answers
How to add bootstrap in angular
Javascript AngularJS
0 vote130 views2 answers
Angular js email id validation with pattern
Javascript AngularJS
0 vote113 views2 answers
SaveAs method of file-saver in angular
Javascript AngularJS
0 vote114 views1 answer
Angular access service in console
Javascript AngularJS
7 votes122 views5 answers
Angular select change
Javascript AngularJS
0 vote137 views1 answer
Set form invalid angular
Javascript AngularJS
8 votes114 views3 answers
Formgroup angular
Javascript AngularJS