Question

我在使用ngx-datatable的下拉菜单时遇到问题。当用户从下拉列表中选择项目时，所有其他下拉菜单都设置为该选定项目。我尝试过使用

让-rowIndex位置=“rowIndex位置”

没有运气。

这是我到目前为止所拥有的。

<ngx-datatable
  class="material"
  [rows]='bankingStatements'
  [columnMode]="'force'"
  [headerHeight]="50"
  [footerHeight]="50"
  [rowHeight]="'auto'"
  [limit]="10">
  <ngx-datatable-column [width]="50" name="Paid by..."
                        [sortable]="true" [draggable]="false">
    <ng-template let-row="row" let-rowIndex="rowIndex" ngx-datatable-cell-template>

      <md-select class="paid-in-select" [(ngModel)]="selectedItem" (change)="checkIfCustomerExists(rowIndex)" name="{{rowIndex}}" id="customers-{{rowIndex}}">
        <md-option *ngFor="let cust of paidInSelect" [value]="cust">

          <div *ngIf="cust.customers?.customer_name;  else elseOther">
            {{cust.customers?.customer_name}}
          </div>

          <ng-template #elseOther>
            {{cust?.customers}}
          </ng-template>

        </md-option>
      </md-select>

    </ng-template>
  </ngx-datatable-column>
</ngx-datatable>

非常感谢任何帮助。

Answer 1

这是因为每行选择都设置为您需要将每行绑定到不同的ngModel对象的相同[(ngModel)]。例如一个数组：

[(ngModel)]="selectedItem[rowIndex]"

从下拉列表中选择项目会将所有下拉列表设置为相同

1 个答案: