How to add html element in to Angular Component

Question

I have my custom component like this

@Component({
  selector: 'panel-top-page',
  template: `
    <div class="border-radius" nz-row [nzGutter]="5">

    </div>
  `,
})
export class PanelTopPageComponent extends BaseValueAccessor implements OnInit {

  ngOnInit(): void {
    
  }
}

And I use like this

 <panel-top-page nz-col nzFlex="auto" nz-row [nzGutter]="5">
     <div>Here I want to add my html element</div>
 </panel-top-page>

And my result don't show and element inside Result Image

Zunayed Shahriar · Accepted Answer · 2021-03-31 06:36:41Z

4

Add <ng-content></ng-content>.

Example:

<div class="border-radius" nz-row [nzGutter]="5">
    <ng-content></ng-content>
</div>

answered Mar 31, 2021 at 6:36

Zunayed Shahriar

2,7632 gold badges14 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add html element in to Angular Component

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related