/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 vote317 views1 answer
Angular view not changing on model
Javascript AngularJS
0 vote276 views1 answer
Angular module with routing cli
Javascript AngularJS
0 vote281 views1 answer
Angular conditional tooltip
Javascript AngularJS
1 vote275 views1 answer
Forms in angular
Javascript AngularJS
0 vote275 views1 answer
String to array angular
Javascript AngularJS
0 vote298 views1 answer
Generate angular.json for existing project
Javascript AngularJS
28 votes392 views6 answers
Angular router navigate
Javascript AngularJS
0 vote270 views1 answer
Reuse jquery angular
Javascript AngularJS
2 votes295 views1 answer
What is the use of angularjs
Javascript AngularJS
1 vote270 views3 answers
Angular directive
Javascript AngularJS