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

Question

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

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

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