angular - 无法使用angular 4使用ng bootstrap modal获取多参数值

Question

我在这里创建动态按钮并通过使用按钮值将这些值发送到 ng bootstrap 模态在这里我只能发送和检索一个值我无法发送多个值以及如何在输入中显示它下面的模态是我的代码:

注意:这里我只在模态中得到 Id 但我也发送了名称和 ID

.html

<ng-container *ngFor="let info of Data">

                <div *ngIf="info.State==='1'" >
                  <button [id]="info.Id" class="btn btn-outline-secondary" (click)=onOne(info.Id,info.Name)>
                    {{info.Name}}
                  </button>
                </div>


              </ng-container>

下面是我的TS代码

onOne(content,data) {
    this.modalService.open(content,data).result.then((result) => {
      debugger;

      this.closeResult = `Closed with: ${result}`;

    }, (reason) => {
      this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
    });
  }

  private getDismissReason(reason: any): string {
    if (reason === ModalDismissReasons.ESC) {
      return 'by pressing ESC';
    } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {
      return 'by clicking on a backdrop';
    } else {
      return  `with: ${reason}`;
    }
  }

Answer 1

第二个应该是选项，必须作为对象而不是变量来处理。

const modalRef = this.modalService.open(content);
modalRef.componentInstance.data= data;
modalRef.result.then((data) => {....

希望能奏效。