/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 vote178 views1 answer
Angular tab change smooth transition
Javascript AngularJS
0 vote156 views1 answer
How can i use two api at the same time in angular
Javascript AngularJS
8 votes141 views3 answers
Angular [routerlink]
Javascript AngularJS
13 votes176 views3 answers
Angular serve
Javascript AngularJS
0 vote175 views2 answers
Angular router navigate base href
Javascript AngularJS
3 votes135 views1 answer
Angular list contains property
Javascript AngularJS
0 vote171 views1 answer
Angular countdown begin stop pause
Javascript AngularJS
-1 vote151 views2 answers
Activate router angular
Javascript AngularJS
0 vote165 views2 answers
Unknown Provider angularjs
Javascript AngularJS
-1 vote206 views2 answers
Where to create service angularor nodejs
Javascript AngularJS