/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 vote222 views2 answers
Angular disable click
Javascript AngularJS
0 vote229 views1 answer
Angular int to string
Javascript AngularJS
43 votes322 views6 answers
Angular check if array is empty
Javascript AngularJS
17 votes245 views3 answers
Angular pipe for 2 decimal places
Javascript AngularJS
0 vote218 views1 answer
Angular http async false
Javascript AngularJS
0 vote227 views1 answer
Add icon to angular
Javascript AngularJS
0 vote243 views1 answer
Angular 11 export excel with customize header
Javascript AngularJS
0 vote235 views1 answer
Angular formData print values
Javascript AngularJS
0 vote271 views1 answer
Angular table lazy loading
Javascript AngularJS
0 vote219 views1 answer
Angular http call caching issue even after no-cache
Javascript AngularJS