angular - 自分のテンプレートで ngx-bootstrap ModalDirective を拡張する

Question

ngx-bootstrap modal を拡張して独自のテンプレートを使用したいのですが、どうすればよいですか? 最終製品は、ngx-bootstrap のモーダルと同じように動作するカスタム コンポーネントである必要がありますが、定義済みのテンプレートである必要があります。

@Injectable()
@Component({
    selector: 'register-patient',
    templateUrl: 'register-patient.component.html',
    styleUrls: ['register-patient.component.scss']
})
export class RegisterPatientComponent extends ModalDirective {
    // constructor, my own methods etc.
}

有望なスタートのようです。ただし、ダイアログを開くと、標準の背景のみが表示され、他には何も表示されません。テンプレート ファイルに特別なディレクティブか何かを含める必要があると思われますが、オンラインでトピックが見つかりません。また、コピーして変更できる元の ngx-bootstrap html テンプレートも見つかりません。これを機能させるには、何を含める必要がありregister-patient.component.htmlますか?