/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

2 votes130 views1 answer
Password validation in angular
Javascript AngularJS
0 vote138 views1 answer
Angular 9 dockerfile
Javascript AngularJS
0 vote163 views1 answer
Get child routes using parent in angular
Javascript AngularJS
0 vote140 views1 answer
Angular bootstrap path
Javascript AngularJS
-1 vote186 views2 answers
How to set form control value in angular
Javascript AngularJS
2 votes210 views2 answers
Generating component in angular without spec file
Javascript AngularJS
0 vote154 views2 answers
Let fruta angular
Javascript AngularJS
4 votes151 views2 answers
Angular pipe to capitalize first letter
Javascript AngularJS
15 votes163 views3 answers
Angular input decimal pipe
Javascript AngularJS
0 vote152 views1 answer
Angular access service in console
Javascript AngularJS