/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 vote143 views1 answer
Function every time you route angular
Javascript AngularJS
8 votes159 views2 answers
Angular date pipi locale
Javascript AngularJS
0 vote171 views1 answer
Auto create a test file in angular
Javascript AngularJS
1 vote134 views3 answers
Angular directive
Javascript AngularJS
5 votes135 views2 answers
Timeout angularjs
Javascript AngularJS
0 vote148 views1 answer
Link in directive angularjs
Javascript AngularJS
1 vote142 views1 answer
Saturn range in angular display end date
Javascript AngularJS
0 vote140 views1 answer
Angular create library
Javascript AngularJS
0 vote122 views1 answer
Angular url not valid send you to a component
Javascript AngularJS
0 vote150 views1 answer
Angularjs left xx characters
Javascript AngularJS