如何从 Ng Multiselect 下拉列表中提取数据到组

Question

我正在使用 Ng Multiselect Dropdown to select 多个数据一切正常，但我面临一件事的问题，那就是当用户提交数据时，数据已上传但select 下拉选项的存储方式如下 [object] 而应该与 selected 选项名称

一起存储

这是数组解码的问题，谁能帮帮我，下面我什至分享了同样的截图

Answer 1

我认为这是关于如何遍历对象数组以正确查看对象的全部内容，例如，如果您有这样的数据：

const ELEMENT_DATA: Element[] = [
  {
    checked: false,
    position: 1,
    item: [
      { item_id: 1, item_text: 'Item1' },
      { item_id: 2, item_text: 'Item2' },
      { item_id: 3, item_text: 'Item3' },
    ],
  },
  {
    checked: false,
    position: 2,
    item: [
      { item_id: 4, item_text: 'Item4' },
      { item_id: 5, item_text: 'Item5' },
      { item_id: 6, item_text: 'Item6' },
    ],
  },
];

然后您可以按如下方式遍历 item 数组：

<ng-container matColumnDef="item">
      <mat-header-cell *matHeaderCellDef> Item </mat-header-cell>
      <mat-cell *matCellDef="let element">
      <ng-container *ngFor="let i of element.item">
          {{i.item_id}} , {{i.item_text}}
          <br>
          <br>
      </ng-container>
      </mat-cell>
</ng-container>

这些对象将如下显示：

这是一个工作示例：

https://stackblitz.com/edit/angular-hero-form-as-form-group-yzfwav?file=src%2Fapp%2Fapp.component.html

如何从 Ng Multiselect 下拉列表中提取数据到组

How to extract data from Ng Multiselect dropdown to from group

node.js

angular-material

angular