/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

19 votes103 views6 answers
Generate component in angular
Javascript AngularJS
0 vote92 views1 answer
Angular-bootstrap-md angular 10
Javascript AngularJS
0 vote112 views1 answer
Ngif is string angular
Javascript AngularJS
0 vote102 views1 answer
Url builder angularjs
Javascript AngularJS
1 vote103 views1 answer
Condition in string interpolation angular
Javascript AngularJS
0 vote105 views1 answer
How to avoid inheritance in angular
Javascript AngularJS
3 votes92 views1 answer
Start angular app server
Javascript AngularJS
0 vote101 views1 answer
Angular set attribute value dynamically
Javascript AngularJS
0 vote103 views1 answer
Angular hash sign in url
Javascript AngularJS
0 vote102 views1 answer
How to make color squares in angular
Javascript AngularJS