/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 vote183 views2 answers
Angular 8 remove cookies
Javascript AngularJS
0 vote191 views2 answers
Scroll down angular with animation
Javascript AngularJS
0 vote196 views1 answer
Configure angular router apache
Javascript AngularJS
0 vote189 views1 answer
Angular router navigate inside setTimeout
Javascript AngularJS
3 votes172 views3 answers
Disable input angular
Javascript AngularJS
0 vote198 views1 answer
Angular js sharepoint crud
Javascript AngularJS
1 vote182 views1 answer
Route parammap subscribe angular 9
Javascript AngularJS
7 votes225 views8 answers
Angular mouseenter
Javascript AngularJS
0 vote193 views1 answer
Angular property value does not exist on type Event
Javascript AngularJS
0 vote183 views1 answer
Put validation on the cell number in angular
Javascript AngularJS