/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 vote291 views1 answer
How to update angular core in ionic
Javascript AngularJS
-1 vote306 views2 answers
Angular loop through array
Javascript AngularJS
0 vote268 views1 answer
Backtick in angular
Javascript AngularJS
1 vote226 views1 answer
Submit a form on enter angular
Javascript AngularJS
0 vote270 views1 answer
Update angular website firebase
Javascript AngularJS
0 vote243 views1 answer
Locale data angular 12
Javascript AngularJS
0 vote268 views4 answers
Angular file upload app with django
Javascript AngularJS
0 vote270 views1 answer
Angular pipe json error
Javascript AngularJS
4 votes281 views2 answers
Angular pipe to capitalize first letter
Javascript AngularJS
3 votes276 views1 answer
Ternary operator angular template
Javascript AngularJS