/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 vote325 views1 answer
How to do if condition in kedo column in angular
Javascript AngularJS
1 vote370 views2 answers
Angular library run tests
Javascript AngularJS
2 votes349 views2 answers
Lodash angular 9
Javascript AngularJS
0 vote346 views1 answer
Ngcc failed angular 9
Javascript AngularJS
0 vote352 views1 answer
Ngswitchcase in angular 8
Javascript AngularJS
2 votes336 views1 answer
How to get http request and store the response in a variable in angular
Javascript AngularJS
6 votes343 views1 answer
Ngfor on keys of a dictionary angular
Javascript AngularJS
0 vote338 views1 answer
How to deploy firebase angular 10
Javascript AngularJS
0 vote348 views2 answers
Angular material button toggle selected
Javascript AngularJS
0 vote331 views1 answer
Angular implementing Validator
Javascript AngularJS