如何在Angular项目TypeScript文件中将字符串内的>=替换为对应ASCII字符

你可以直接使用TypeScript（JavaScript）内置的字符串replace方法配合全局正则完成替换，不需要额外做存在性判断，无匹配时replace会直接返回原字符串，不会产生额外性能损耗。

注意：标准ASCII字符集内没有单个的大于等于符号，如果你要的是纯ASCII可显示的大于等于写法替换为>=即可；如果要单个的大于等于符号，使用Unicode字符≥即可，两种写法都提供参考。

修改后的代码 #

@Input()
public set textLabel(value: string) {
  let labelSymbols = value ?? ''; // 空值保护，避免value为undefined时报错
  // 替换为单个大于等于符号（Unicode）用这行
  labelSymbols = labelSymbols.replace(/>=/g, '≥');
  // 如果要替换为纯ASCII的>=，用这行替换上面的即可
  // labelSymbols = labelSymbols.replace(/>=/g, '>=');
  this._textLabel = labelSymbols;

  this._changeDetectorRef.detectChanges();
}
public get textLabel(): string {
  return this._textLabel;
}
private _textLabel: string = ''; // 初始化默认值，避免空值问题

补充说明 #

• 正则末尾的g是全局匹配标识，加了之后会替换字符串中所有出现的>=，不加的话只会替换第一个匹配到的子串
• 代码中新增的空值保护是Angular输入属性的常用最佳实践，避免父组件传空值时报错
• 如果后续还有其他HTML实体需要替换，比如<=替换为≤，可以链式调用replace方法处理，示例：

  labelSymbols = labelSymbols.replace(/>=/g, '≥').replace(/<=/g, '≤');
  

内容的提问来源于stack exchange，提问作者BR Avery