/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

4 votes287 views3 answers
In angular how to get router url without query params
Javascript AngularJS
1 vote288 views1 answer
Angularjs accordion access toggle
Javascript AngularJS
0 vote285 views1 answer
Angular chart js Doughnut colors
Javascript AngularJS
2 votes227 views2 answers
Placeholder in angular 9 select with working required
Javascript AngularJS
0 vote290 views1 answer
Angular store select method
Javascript AngularJS
0 vote316 views1 answer
Parametro angulara con ruta y recarga de componente
Javascript AngularJS
1 vote275 views1 answer
Dynamic component angular parameters
Javascript AngularJS
5 votes274 views4 answers
Generate guard angular
Javascript AngularJS
0 vote310 views1 answer
Reload page angular one time
Javascript AngularJS
1 vote235 views1 answer
Submit a form on enter angular
Javascript AngularJS