/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 vote354 views1 answer
Count same product with price in angular
Javascript AngularJS
2 votes318 views1 answer
Password validation in angular
Javascript AngularJS
0 vote314 views1 answer
Can we send image in json in angular
Javascript AngularJS
0 vote333 views1 answer
Npm font awesome 5 angular 7
Javascript AngularJS
0 vote337 views1 answer
Angular module with routing cli
Javascript AngularJS
10 votes328 views3 answers
Eventemitter in angular
Javascript AngularJS
0 vote320 views1 answer
Angular.toJson
Javascript AngularJS
5 votes273 views2 answers
How to update angular version
Javascript AngularJS
0 vote324 views1 answer
Angular chart js Doughnut colors
Javascript AngularJS
38 votes446 views6 answers
How to add bootstrap in angular
Javascript AngularJS