/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

1 vote193 views2 answers
Button click navigate to another page angular
Javascript AngularJS
0 vote222 views1 answer
Angular taskkill in port 4200
Javascript AngularJS
0 vote205 views1 answer
Npm font awesome 5 angular 7
Javascript AngularJS
2 votes204 views1 answer
Angular rebuild
Javascript AngularJS
0 vote229 views2 answers
Delete with body angular
Javascript AngularJS
0 vote249 views1 answer
Youtube movie trailer angular
Javascript AngularJS
10 votes200 views6 answers
Angular refresh component without reloading page
Javascript AngularJS
0 vote219 views1 answer
Const link = document.createElement('a'); angular10
Javascript AngularJS
1 vote199 views1 answer
Onchange event angular select
Javascript AngularJS
0 vote193 views1 answer
AngularFireDatabase is not a observable??
Javascript AngularJS