/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 vote298 views1 answer
Angular tab change smooth transition
Javascript AngularJS
0 vote274 views1 answer
Tinymce-angular load slow
Javascript AngularJS
0 vote300 views1 answer
Disable strict mode angular
Javascript AngularJS
0 vote332 views1 answer
How to update angular core in ionic
Javascript AngularJS
1 vote324 views2 answers
Angular library run tests
Javascript AngularJS
0 vote342 views2 answers
Angularjs - controllerAs
Javascript AngularJS
0 vote282 views1 answer
Angular json and cli json file
Javascript AngularJS
0 vote303 views1 answer
Httpclientmodule is not an angular module
Javascript AngularJS
2 votes303 views1 answer
Gitignore for angular
Javascript AngularJS
6 votes360 views3 answers
How to create a module in angular 9
Javascript AngularJS