/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 vote145 views1 answer
Angular Quick Tip: Binding Specific Keys to the Keyup and Keydown Events
Javascript AngularJS
-1 vote163 views1 answer
Angular bind to class or ngClass
Javascript AngularJS
7 votes141 views2 answers
How to assign port in angular
Javascript AngularJS
10 votes160 views2 answers
Angular emit
Javascript AngularJS
1 vote232 views1 answer
Submit a form on enter angular
Javascript AngularJS
2 votes152 views2 answers
Get previous url angular
Javascript AngularJS
2 votes192 views1 answer
Gitignore for angular
Javascript AngularJS
0 vote151 views1 answer
Angular int to string
Javascript AngularJS
0 vote139 views3 answers
Angular An accessor cannot be declared in an ambient context.
Javascript AngularJS
3 votes179 views1 answer
Angular build aot vs jit
Javascript AngularJS