Drawer Component - Custom title and extra

[FrogDevelopper]

Hello,

I would like to customized the Title and Extra of the Drawer, when using it as a Component
How do we define them in the component's html ?
I understand that I have to use <ng-template> and its reference to pass, but don't see anywhere in documentation how to use it

[FrogDevelopper]

I have partially resolved it:
In my html file, I got my templates defined, then in my ts file I have

export class MyDrawerComponent implements OnInit, AfterViewInit {

  private readonly drawerRef:NzDrawerRef<MyDrawerComponent, IDrawerResult> = inject(NzDrawerRef<MyDrawerComponent, IDrawerResult>)

  @ViewChild('headerTpl') headerTpl!: TemplateRef<any>;
  @ViewChild('footerTpl') footerTpl!: TemplateRef<any>;

  readonly nzData: IDrawerData = inject(NZ_DRAWER_DATA);

  ngAfterViewInit(): void {
    this.drawerRef.nzTitle = this.headerTpl; // <=== THIS WORKS :)
    this.drawerRef.nzFooter = this.footerTpl; // <=== THIS DOES NOT WORK! :'(
  }

Why there is no field nzFooter in NzDrawerRef ?

[FrogDevelopper]

same with nzExtra btw

[FrogDevelopper]

OK, I've finally found how
We just have to use

private readonly drawerRef: NzDrawerComponent< MyDrawerComponent, IDrawerResult > = inject(NzDrawerComponent< MyDrawerComponent, IDrawerResult >)

instead of NzDrawerRef