/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

3 votes149 views1 answer
Scroll down div from component angular
Javascript AngularJS
1 vote131 views1 answer
Modulo do angular httpclient
Javascript AngularJS
4 votes156 views3 answers
Reload sub component angular
Javascript AngularJS
2 votes134 views2 answers
If 'router-outlet' is an Angular component, then verify that it is part of this module.
Javascript AngularJS
0 vote139 views1 answer
Mengakses gambar didalam asset angular
Javascript AngularJS
0 vote130 views1 answer
Slice pipe in angular
Javascript AngularJS
0 vote136 views2 answers
Referrer Policy: strict-origin-when-cross-origin angular
Javascript AngularJS
0 vote128 views1 answer
Angular bootstrap path
Javascript AngularJS
0 vote130 views1 answer
Url validation in formcontrol angular 8
Javascript AngularJS
5 votes133 views2 answers
How to update angular version
Javascript AngularJS