/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

1 vote227 views1 answer
Angular selector
Javascript AngularJS
0 vote208 views1 answer
Animate change background color angular
Javascript AngularJS
0 vote236 views2 answers
Angular material button toggle selected
Javascript AngularJS
0 vote210 views1 answer
Angular JS Interpolation
Javascript AngularJS
0 vote190 views1 answer
Angular httpheaders example
Javascript AngularJS
0 vote195 views1 answer
Command to create custom pipe in angular 6
Javascript AngularJS
3 votes148 views1 answer
How to unistall an angular version
Javascript AngularJS
3 votes225 views3 answers
Angular input change event
Javascript AngularJS
0 vote178 views1 answer
Adding bootstrap to angular global styles
Javascript AngularJS
7 votes183 views2 answers
Angular 6 key value pair getvalue example
Javascript AngularJS