/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 vote199 views1 answer
Firebase angular send notification to by tocken
Javascript AngularJS
8 votes187 views3 answers
Angular formgroup on value change
Javascript AngularJS
0 vote212 views3 answers
Order by ascending descending in angular 6 on click of button
Javascript AngularJS
3 votes168 views1 answer
Start angular app server
Javascript AngularJS
0 vote183 views1 answer
Datatable shows No data available in table in angular
Javascript AngularJS
0 vote190 views1 answer
How to refresh page angular
Javascript AngularJS
0 vote177 views1 answer
Slice pipe in angular
Javascript AngularJS
0 vote182 views1 answer
Saveas angular 6
Javascript AngularJS
0 vote213 views1 answer
Angularjs download xml file
Javascript AngularJS
0 vote213 views1 answer
Loader service show hide unit test angular
Javascript AngularJS