如何从ui引导程序的uibModal.open设置组件输出绑定

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

@Component({
  selector: 'app-my-component',
  template: `
    <button (click)="openModal()">打开模态框</button>
  `
})
export class MyComponent {
  constructor(private modalService: NgbModal) {}

  openModal() {
    const modalRef = this.modalService.open(MyModalComponent);
    modalRef.componentInstance.data = '传递给模态框的数据';
    modalRef.result.then((result) => {
      // 处理模态框关闭后的结果
      console.log(result);
    }, (reason) => {
      // 处理模态框关闭的原因
      console.log(reason);
    });
  }
}

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

@Component({
  selector: 'app-my-modal',
  template: `
    <div class="modal-header">
      <h4 class="modal-title">模态框标题</h4>
      <button type="button" class="close" aria-label="Close" (click)="closeModal()">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="modal-body">
      <p>{{ data }}</p>
      <input [(ngModel)]="inputValue" placeholder="输入框" />
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-primary" (click)="save()">保存</button>
      <button type="button" class="btn btn-secondary" (click)="closeModal()">关闭</button>
    </div>
  `
})
export class MyModalComponent {
  @Input() data: string;
  inputValue: string;

  constructor(private modalService: NgbActiveModal) {}

  closeModal() {
    this.modalService.dismiss('关闭');
  }

  save() {
    this.modalService.close(this.inputValue);
  }
}