如何在 Angular Split 方法中删除逗号分隔数组中的空格后跟逗号？

Question

我有一个逗号分隔的字符串值。并使用 split() 方法，我将其转换为数组。 但在某些情况下，如果用户在逗号后放置空格，则会在单词之间创建一个额外的空格。

请参考代码和图片。

.html

<form [formGroup]="myForm">

<input type="text" class="form-control" formControlName="title">
<button (click)="addTitle(myForm.value)">Save</button>

</form>

.ts

public title = " ";

public myForm: FormGroup = new FormGroup({
    title: new FormControl('', Validators.required)
  });

  addTitle(value: any){
    this.title = value.title;
    const array = this.title.split(',');
    console.log('array',array);
  }

Answer 1

您可以执行以下操作：

addTitle(value: any){
    this.title = value.title;

    // here the trim() function will remove he white space from each element
    const array = this.title.split(',').map(s => s.trim());
    console.log('array',array);
  }