在Angular UI Bootstrap弹出窗口中使用窗体？

import { NgbModal } from '@ng-bootstrap/ng-bootstrap';

constructor(private modalService: NgbModal) { }

openModal() {
  const modalRef = this.modalService.open(ModalContentComponent);
  modalRef.componentInstance.name = 'World';
}

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-modal-content',
  template: `
    <div class="modal-header">
      <h4 class="modal-title">Hello, {{name}}!</h4>
      <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="modal-body">
      <p>This is a modal.</p>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-outline-dark" (click)="modal.close('Close click')">Close</button>
    </div>
  `
})
export class ModalContentComponent {
  @Input() name: string;
  
  constructor(public modal: NgbActiveModal) { }
}

<button class="btn btn-primary" (click)="openModal()">Open Modal</button>