Angular Sentence-Case管道修改已有大小写？求解决方法

我有两段文本：

"please take care of your task"
"please think about Philip's idea"

使用以下Angular管道处理以实现句首大写格式：

{{ textToDisplay | translate | sentenceCase }}

处理结果：

• 第一段符合预期，输出为："Please take care of your task"
• 第二段不符合预期，原有大小写的单词Philip's被转为小写，输出为："Please think about philip's idea"

请问是否可通过传递参数或使用其他现有管道解决该问题？

1. 给sentenceCase管道添加参数保留指定词汇大小写 #

如果是自定义的sentenceCase管道，可直接修改逻辑，新增参数接收需要保留原大小写的词汇列表，处理时跳过这些词汇的大小写转换：

@Pipe({ name: 'sentenceCase' })
export class SentenceCasePipe implements PipeTransform {
  transform(value: string, preserveWords?: string[]): string {
    if (!value) return value;
    const preserveSet = new Set(preserveWords?.map(word => word.toLowerCase().replace(/['’]/g, '')));
    
    return value.split(' ').map((word, index) => {
      // 句首单词首字母大写
      if (index === 0) {
        return word.charAt(0).toUpperCase() + word.slice(1);
      }
      // 匹配到需要保留的词汇，直接返回原单词
      const cleanWord = word.toLowerCase().replace(/['’]/g, '');
      if (preserveSet.has(cleanWord)) {
        return word;
      }
      // 其他单词转为小写
      return word.toLowerCase();
    }).join(' ');
  }
}

使用时传入需要保留的词汇：

{{ textToDisplay | translate | sentenceCase : ['Philip'] }}

2. 改用仅处理句首的capitalize管道 #

如果只需要实现句首首字母大写、其余字符保留原大小写的效果，可以自定义一个简单的capitalize管道替代sentenceCase：

@Pipe({ name: 'capitalize' })
export class CapitalizePipe implements PipeTransform {
  transform(value: string): string {
    if (!value) return value;
    return value.charAt(0).toUpperCase() + value.slice(1);
  }
}

使用方式：

{{ (textToDisplay | translate) | capitalize }}

这个管道只会把整个字符串的第一个字符转为大写，完全保留其他单词的原有大小写，刚好匹配你的需求。

3. 调整第三方管道的配置（如果使用第三方库） #

如果你的sentenceCase来自第三方库（比如ngx-pipes），可以查看其文档是否支持忽略特定词汇的参数，部分库会提供类似preserve的配置项，直接传入需要保留的词汇即可。

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