/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

7 votes122 views2 answers
Install angular fire
Javascript AngularJS
0 vote104 views3 answers
Angular An accessor cannot be declared in an ambient context.
Javascript AngularJS
0 vote104 views1 answer
Angular dynamic script loading
Javascript AngularJS
0 vote103 views1 answer
Angular create project in current directory
Javascript AngularJS
5 votes315 views1 answer
Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning.ts(1219) angular
Javascript AngularJS
24 votes190 views2 answers
Date format in angular ts
Javascript AngularJS
0 vote116 views1 answer
How to redirect from login page to other page if user is already logged in in angular using jwt
Javascript AngularJS
0 vote150 views1 answer
How to import all material module in angular
Javascript AngularJS
0 vote113 views1 answer
Ngcc failed angular 9
Javascript AngularJS
0 vote131 views1 answer
Angular 12 tabs
Javascript AngularJS