Angular10生产构建后模型name属性值显示截断问题求助

算力阿峰

2026-5-9

解决Angular 10生产构建后字符串属性截断问题

这种生产构建后才出现的属性截断问题，我之前排查过类似的情况，结合你的描述，大概率是Angular生产环境的优化机制或者管道处理的问题，给你几个具体的排查和解决方向：

排查Angular生产优化配置
Angular的生产构建默认会开启buildOptimizer和AOT编译，有时候这些优化步骤在处理老版本（比如Angular 10）的字符串绑定时会出现意外截断。你可以先临时禁用buildOptimizer来验证：
打开angular.json，找到对应项目的configurations.prod配置块，将buildOptimizer设置为false，然后重新执行ng build --prod。如果问题消失，说明是优化步骤导致的，建议考虑升级Angular版本（Angular 10已停止官方维护），或者调整优化参数来规避这个bug。
验证titlecase管道的影响
你当前使用了内置的titlecase管道格式化字符串，开发环境和生产环境的管道编译逻辑可能存在差异。可以先去掉管道，直接显示{{item.name}}，再构建生产包测试。如果去掉后属性显示完整，那就是内置titlecase管道的生产编译bug，你可以自己实现一个自定义的首字母大写管道来替代它，避免依赖内置管道的优化逻辑。
确认后端API响应的完整性
虽然你提到console.log显示属性值正常，但还是建议用浏览器的网络面板，查看生产环境下请求该接口的原始响应数据，确认name字段是否完整。有时候生产环境的.NET Core API可能因为序列化配置、中间件或者业务逻辑的差异，返回了截断后的字符串，这种情况就需要去后端排查问题。
调整Terser压缩配置
生产环境的Terser压缩工具可能对字符串做了意外的处理，你可以在angular.json的prod配置中修改terserOptions，添加参数避免字符串被错误截断：
```
"terserOptions": {
  "keep_fnames": true,
  "mangle": {
    "keep_fnames": true
  }
}
```
修改后重新构建，看看问题是否解决。