/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 vote260 views1 answer
Documentation tool for angular applications
Javascript AngularJS
0 vote212 views1 answer
Tinymce-angular load slow
Javascript AngularJS
0 vote239 views1 answer
Angular pass template value from component
Javascript AngularJS
0 vote242 views1 answer
Open new tab with angular router
Javascript AngularJS
0 vote246 views1 answer
Angular absolute routerlink
Javascript AngularJS
0 vote208 views2 answers
15) Which of the following directive is used to initialize an angular app? A. ng-app ANSWER B.ng-model C.ng-controller D.None of the above
Javascript AngularJS
0 vote252 views1 answer
Firebase angular send notification to by tocken
Javascript AngularJS
0 vote218 views1 answer
Angular findindex object based array
Javascript AngularJS
5 votes215 views1 answer
Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning.ts(1219) angular
Javascript AngularJS
0 vote233 views1 answer
How to avoid inheritance in angular
Javascript AngularJS