Javascript 查找并替换typescript

我使用了一个下拉列表，当一个值被选中时，它会作为一个单词出现在内容编辑器中。我正在尝试从内容编辑器中查找并替换单词。我可以替换，但在某些情况下它不起作用

我正试图用纽约这个名字来代替纽约 例如，如果我在控制台日志中选择“城市”，则内容编辑器内容将从下拉值中显示为“纽约”

所以，一开始它是有效的，但如果我选择其他下拉值，再次选择城市，它就不起作用了

例如，尝试再次选择City first Name second和City，您将看到，当您第二次选择City时，City的控制台日志值没有更改为Newyork

如果你们知道，请帮忙

changeValue（）是函数名

Stackblitz:

我做了一些事情（但不确定为什么要使用regex-her），现在它正按照您的任务预期工作

changeValue(ev) {
    const regex = /(<\/p>)$/gm;
    if (regex.test(this.textValue)) {
      this.textValue = this.textValue.replace(regex, "");
      this.textValue += ` ${ev.value}</p>`;
    } else {
      this.textValue += ` ${ev.value}`;
    }
    let cleanText = this.textValue.replace(/<\/?[^>]+(>|$)/g, "");
    let abc = cleanText.replace(/&nbsp;/g, "");

    let final = abc.replace("City", "Newyork");
    this.textValue = final;
    console.log("textValue", final);
  }
}

changeValue（ev）{
常量正则表达式=/（）$/gm；
if（regex.test（this.textValue））{
this.textValue=this.textValue.replace（regex，“”）；
this.textValue+=`${ev.value}
`；
}否则{
this.textValue+=`${ev.value}`；
}
让cleanText=this.textValue.replace（/]+（>|$）/g，“”；
让abc=cleanText.replace（//g，“”）；
让最终=abc.替换（“城市”、“纽约”）；
this.textValue=最终值；
console.log（“textValue”，final）；
}
}

---

在示例中，如果选择了城市，城市仅在编辑器中显示它不是纽约：（您好，先生。请检查控制台日志。我正在谈论控制台日志中的更改。请检查我的答案，让我知道它是否不工作它不工作。只有第一次出现的城市正在更改为纽约。请尝试复制粘贴值复制粘贴此“我邀请你到这个城市来。Sm先生，请到这个城市来。”“并选择一个下拉值，您将看到只有第一次出现的城市更改为纽约，那么我不清楚要求。您能详细说明一下吗？我正在尝试在此处执行邮件合并选项。因此，我正在尝试在编辑器中替换占位符值，如城市到纽约，并签入控制台日志。如果我复制粘贴此选项“我邀请您访问City.Sm mr Name please to City”并选择一个下拉值，您将看到只有第一次出现的City更改为newyork，其余部分不希望城市更改仅在控制台中，而不在编辑器中，因为只有在传递编辑器内容时，我才更改它