/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 vote181 views1 answer
Generate angular.json for existing project
Javascript AngularJS
0 vote228 views1 answer
Bind an event to dom element angular
Javascript AngularJS
1 vote176 views1 answer
What is the best way to conditionally apply attributes in AngularJS?
Javascript AngularJS
139 votes333 views6 answers
Angular cli
Javascript AngularJS
0 vote193 views1 answer
@angular/[email protected] node_modules/@angular/common @angular/common@"11.2.1" from the root project
Javascript AngularJS
0 vote185 views2 answers
Angular pipe percentage
Javascript AngularJS
0 vote152 views1 answer
Angularjs format number thousands separator
Javascript AngularJS
10 votes172 views2 answers
Angular http request query params
Javascript AngularJS
9 votes179 views3 answers
Angular get current timestamp
Javascript AngularJS
0 vote169 views1 answer
Angular ng build Maximum call stack size exceeded
Javascript AngularJS