/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 vote198 views1 answer
How to add changes every time you route navigate to page in angular
Javascript AngularJS
0 vote246 views1 answer
If else condition in angular if user enter string value in input integer
Javascript AngularJS
5 votes258 views3 answers
Angular formarray remove all
Javascript AngularJS
0 vote225 views1 answer
Angular on back skip routes
Javascript AngularJS
0 vote203 views1 answer
Function every time you route angular
Javascript AngularJS
0 vote236 views1 answer
Angular autocomplete displaywith
Javascript AngularJS
0 vote246 views1 answer
Why my style not come to angular 11
Javascript AngularJS
0 vote209 views2 answers
Angular 8 remove cookies
Javascript AngularJS
4 votes226 views3 answers
Pass data from parent to child component angular 8
Javascript AngularJS
0 vote235 views1 answer
Angular resolver for cookie
Javascript AngularJS