/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 vote204 views2 answers
Angular 8 to 9
Javascript AngularJS
33 votes259 views6 answers
Angular add bootstrap
Javascript AngularJS
1 vote205 views1 answer
Angular create component without test
Javascript AngularJS
-1 vote201 views1 answer
Date range picker in angular 8
Javascript AngularJS
2 votes210 views2 answers
Angularjs dropdown
Javascript AngularJS
0 vote203 views1 answer
Https error response with status 200 angular
Javascript AngularJS
0 vote213 views1 answer
Ngstyle background url angular
Javascript AngularJS
0 vote202 views1 answer
Open bytes in new tab angular
Javascript AngularJS
1 vote196 views2 answers
Angular img tag
Javascript AngularJS
7 votes201 views1 answer
Mouseover angular 6
Javascript AngularJS