如何将从下拉多选中接收到的数组值转换为 angular 中的字符串 5

Question

我使用了 material 下拉列表 multiselect 用户可以通过它 select 多个数据。当数据被发送到组件时，数据以数组格式接收，API 不接受将其插入数据库。我的查看代码：

      <mat-input-container>
    <input matInput type="number" formControlName="around" placeholder="Around" required >
    <p class="invalid-text" *ngIf="JifForm.controls.around.invalid &&
            (JifForm.controls.around.dirty || JifForm.controls.around.touched)">
      <span *ngIf="JifForm.controls.around.errors.required">Around is required.</span></p>
  </mat-input-container>

      <mat-form-field>
    <mat-select placeholder="Front Pass" formControlName="job_front_color" required multiple>
      <mat-option  value="pink">Pink</mat-option>
      <mat-option  value="black">Black</mat-option>
    </mat-select>
  </mat-form-field>

它以下列格式提供数据：

job_deno: 12345
job_front_color:(2) ["pink", "black"]

有没有办法让我以字符串格式获取 job_front_color 中的值，就像 pink, black 那样，该值可以通过 api 作为字符串

我通过以下代码将数据从表单传递到 api：

  onSubmit(form) {
  //console.log('AAAAAAAAAAAAAAAAAAAAAAAAAAAa', form);
return this._http.post('http://localhost:8000/api/v1/jobInstructionForm ', form, {headers: this.headers}).subscribe(res => {
  this.flashMsg.flashMsg('success', 'added', 'JIF added');
  this._router.navigate( ['pages/jif'] );
} );

}

Answer 1

您可以使用 Array.prototype.join() - Docs

在你的情况下，你想要的是join(', ')

let arr = ["pink", "black"]
console.log(arr.join(', '));

编辑

如果您只想将该字符串发送到您的 API，只需这样做：

onSubmit(form) {
  const stringOfColours = form.job_front_color.join(', );
  return this._http.post('http://localhost:8000/api/v1/jobInstructionForm ', stringOfColours, {
    headers: this.headers
  }).subscribe(res => {
    this.flashMsg.flashMsg('success', 'added', 'JIF added');
    this._router.navigate(['pages/jif']);
  });
}

如何将从下拉多选中接收到的数组值转换为 angular 中的字符串 5

How to convert array value recieved from dropdown multiselect to string in angular 5

angular-material

angular

angular5

angular-arrays