/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 vote134 views1 answer
GetFullYear within moment in angular
Javascript AngularJS
3 votes135 views1 answer
Npm install @angular/fire firebase –save
Javascript AngularJS
0 vote220 views1 answer
How to use batch export function forn exports charts in fusioncharts via angularjs
Javascript AngularJS
0 vote131 views2 answers
Properly import mat icon angular 10
Javascript AngularJS
-1 vote133 views2 answers
Angular loop through array
Javascript AngularJS
-1 vote147 views3 answers
Angular 11 on hover
Javascript AngularJS
139 votes246 views6 answers
Angular cli
Javascript AngularJS
1 vote146 views2 answers
What is auth guard in angular
Javascript AngularJS
0 vote133 views2 answers
Http get in angularjs
Javascript AngularJS
1 vote138 views1 answer
Nativeelement angular add class
Javascript AngularJS