/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 vote268 views2 answers
How to define width with [styles] in percentage in angular
Javascript AngularJS
10 votes237 views2 answers
Angular emit
Javascript AngularJS
33 votes365 views6 answers
Angular add bootstrap
Javascript AngularJS
0 vote251 views2 answers
Same file select angular second time not selected
Javascript AngularJS
4 votes241 views1 answer
Declare * angular jquery
Javascript AngularJS
0 vote263 views1 answer
Disable strict mode angular
Javascript AngularJS
47 votes348 views6 answers
Adding bootstrap to angular
Javascript AngularJS
-1 vote291 views2 answers
How to navigate to previous page in angular
Javascript AngularJS
0 vote269 views1 answer
Angular debug chrome launch.json
Javascript AngularJS
0 vote248 views2 answers
Animate on scroll angular
Javascript AngularJS