Angular中Transloco指令的't'函数是否在每次变更检测时都会被调用？

先明确你提到的Angular模板中函数调用的问题：比如展示用户邮箱时写法如下，非OnPush策略下，getUserEmail()会在每次变更检测时被调用，这也是推荐用管道替代函数的原因——你的这个理解完全正确。

<div>
  {{getUserEmail()}}
</div>

核心结论 #

Transloco的t函数无法避免在每次变更检测时被Angular调用，记忆化只是优化了函数内部的计算逻辑，并没有改变Angular调用函数的时机。

详细拆解 #

• 记忆化的实际作用：t函数的记忆化是指，当传入的翻译key、插值参数、当前语言环境完全相同时，它会直接返回缓存的翻译结果，不用重新去查找、解析翻译文件。但这只是减少了函数内部的计算开销，函数本身还是会被Angular在每次变更检测时触发调用。
• Transloco管道的优势：Transloco管道是Angular纯管道（默认配置），只有当它的输入参数（翻译key、插值参数、当前语言）发生变化时，才会重新执行翻译逻辑。在非OnPush组件中，变更检测触发时，只要输入没变化，管道就不会重复计算，这是它比t函数更高效的核心原因。

关于订阅的顾虑 #

你担心管道会增加订阅量完全没必要——Transloco管道内部已经封装了订阅的管理逻辑，Angular会自动在组件销毁时清理这些订阅，不会造成内存泄漏。而且管道的订阅是针对语言切换等核心变更的，开销非常小，远小于t函数反复调用带来的额外执行成本。

选择建议 #

• 如果你的组件变更检测频率不高，或者翻译的参数很少变化，用t函数完全没问题，记忆化已经足够降低性能损耗；
• 如果是在高频变更检测的组件（比如列表、动态表单）里，或者追求极致性能，优先用Transloco管道更稳妥。

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