/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 vote307 views1 answer
How to read from asset in angular
Javascript AngularJS
0 vote276 views1 answer
Function.bind(this) angular
Javascript AngularJS
0 vote218 views1 answer
Cannot find name json angular 7
Javascript AngularJS
10 votes203 views2 answers
Angular emit
Javascript AngularJS
0 vote247 views1 answer
How to apply border to table in angular
Javascript AngularJS
0 vote181 views1 answer
Angular 8 enable routing
Javascript AngularJS
0 vote183 views1 answer
Command to create custom pipe in angular 6
Javascript AngularJS
1 vote182 views1 answer
Angular create component without test
Javascript AngularJS
0 vote181 views1 answer
Join two arrays angular
Javascript AngularJS
1 vote185 views4 answers
Angular 11 features
Javascript AngularJS