/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 vote189 views1 answer
Angular rellax
Javascript AngularJS
5 votes175 views2 answers
Angular add object to array
Javascript AngularJS
0 vote197 views1 answer
Angular redirect to external url
Javascript AngularJS
0 vote202 views1 answer
How to set direction based on language in angular
Javascript AngularJS
2 votes215 views1 answer
Moment use in angular
Javascript AngularJS
0 vote206 views2 answers
Angular pipe percentage
Javascript AngularJS
1 vote255 views1 answer
Angular datatable reload with pagination
Javascript AngularJS
0 vote196 views1 answer
Update angular website firebase
Javascript AngularJS
43 votes373 views6 answers
Angular check if array is empty
Javascript AngularJS
0 vote181 views1 answer
Use ngfor to make a dropdown in angular from array
Javascript AngularJS