Question

所以我得到了我正在研究的项目，我成功地将文本（芯片）添加到字符串中，但是当我删除它时，文本值仍然存在。因此，我的代码的删除部分出了问题。我需要删除字符串并解决问题的帮助！

我的导师说，这是我需要在代码中添加更改的地方，以便可以从类型中删除字符串并使之正常工作。（在这两个代码之间）

let type = this.editDeliveryOrderForm.value.type;
// remove the string from type
this.editDeliveryOrderForm.patchValue({
  type
});

add(event: MatChipInputEvent): void {
  const input = event.input;
  const value = event.value;
  console.log(`mat chip`, event);
  console.log(`mat chip value`, value);

  // Add our fruit
  if ((value || '').trim()) {

    this.fruits.push({name: value.trim()});
    console.log(`fruits`, this.fruits);
    let type = this.editDeliveryOrderForm.value.type;
    type += ',' + value.trim();
    this.editDeliveryOrderForm.patchValue({
      type
    });
  }

  // Reset the input value
  if (input) {
    input.value = '';
  }
}

remove(fruit: Fruit): void {
  const index = this.fruits.indexOf(fruit);

  if (index >= 0) {
    this.fruits.splice(index, 1);

    let type = this.editDeliveryOrderForm.value.type;

    // remove the string from type

    this.editDeliveryOrderForm.patchValue({
      type
    });
  }

Answer 1

您可以在此处为type表单控件分配一个空字符串：

remove(fruit: Fruit): void {
     const index = this.fruits.indexOf(fruit);

     if (index >= 0) {
        this.fruits.splice(index, 1);
        this.editDeliveryOrderForm.patchValue({
           type : ""
        });
     }
}

如何从编码中的字符串中删除文本

1 个答案: