/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 vote150 views1 answer
Calling angular component method in service
Javascript AngularJS
1 vote157 views2 answers
Set route on button in angular
Javascript AngularJS
-1 vote299 views1 answer
An unhandled exception occurred: ENOENT: no such file or directory, lstat 'C:\Users\hp\Desktop\New folder\node_modules' See "C:\Users\hp\AppData\Local\Temp\ng-uhxyh2\angular-errors.log" for further details.
Javascript AngularJS
3 votes161 views2 answers
Angular background image
Javascript AngularJS
6 votes146 views3 answers
How to create a module in angular 9
Javascript AngularJS
0 vote140 views2 answers
Slide div on click angular
Javascript AngularJS
0 vote161 views1 answer
How to slice one specific element from array in angular
Javascript AngularJS
0 vote170 views1 answer
How to set direction based on language in angular
Javascript AngularJS
0 vote150 views1 answer
How to specify max number of character angular mat input
Javascript AngularJS
0 vote281 views1 answer
Angular number pipe to four decimals
Javascript AngularJS