/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 vote216 views1 answer
Angular scroll event on div chang width
Javascript AngularJS
0 vote255 views1 answer
Angular load on scroll
Javascript AngularJS
0 vote201 views1 answer
Angular reactive form remove validation
Javascript AngularJS
1 vote202 views1 answer
Angular wait all subscriptions
Javascript AngularJS
0 vote194 views1 answer
Angular {{}} new line
Javascript AngularJS
-1 vote197 views1 answer
Angularjs socket.io
Javascript AngularJS
0 vote220 views2 answers
Delete with body angular
Javascript AngularJS
0 vote184 views1 answer
Calling angular component method in service
Javascript AngularJS
10 votes205 views2 answers
Angular http request query params
Javascript AngularJS
1 vote191 views1 answer
Angular schematics datatable
Javascript AngularJS