/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 vote147 views1 answer
Reuse jquery angular
Javascript AngularJS
7 votes164 views4 answers
Refresh current component angular
Javascript AngularJS
2 votes173 views1 answer
@input and @Output in angular
Javascript AngularJS
4 votes151 views1 answer
Downgrade angular version in project
Javascript AngularJS
10 votes161 views2 answers
Angular http request query params
Javascript AngularJS
1 vote157 views1 answer
What it means --skiptests==true in angular
Javascript AngularJS
0 vote144 views1 answer
Angular download blob pdf
Javascript AngularJS
0 vote155 views1 answer
Angular {{}} new line
Javascript AngularJS
0 vote149 views3 answers
Angular sanitize vs validators
Javascript AngularJS
0 vote149 views3 answers
Input on change angular 2
Javascript AngularJS