How to display Ant.Design markup in Pug?

Question

HTML

There is a Card component:

import { Component } from '@angular/core';
@Component({
  selector: 'nz-demo-card-basic',
  template: `
    <nz-card style="width:300px;">
      <ng-template #title>
        Card title
      </ng-template>
      <ng-template #extra>
        <a>More</a>
      </ng-template>
      <ng-template #body>
        <p>Card content</p>
        <p>Card content</p>
        <p>Card content</p>
      </ng-template>
    </nz-card>
  `,
  styles  : []
})
export class NzDemoCardBasicComponent { }

Taken from here: https://ng.ant.design/#/components/card
I want to display it in a pug file:

nz-card(style="width:300px;")
    ng-template#title Card title

    ng-template#extra
        a More

    ng-template#body
        p Card content
        p Card content
        p Card content

As a result, the card is displayed empty. Other components do not have this problem. Compiles without errors. Can you tell me what's the matter?