Angular模板无法渲染属性值，但| json显示对象含该属性值，求排查原因

假设你遇到的是{{ user.email }}未显示预期内容，但{{ user | json }}能明确看到email属性带值的情况，可能的原因如下：

• 属性名大小写不匹配：Store返回的对象中属性是Email/EMAIL等大小写变体，而模板中用了小写的email。json管道会原样输出所有属性，所以能看到，但大小写不匹配会导致点语法取不到值。
• 属性属于深层嵌套结构：比如用户对象的实际结构是{ profile: { email: 'xxx@xx.com' } }，json能展示完整层级，但模板直接写user.email会找不到对应属性，需要改成user.profile.email。
• 对象是不可变/代理包装实例：像NgRx这类库返回的不可变对象或者Proxy实例，虽然json能序列化出属性，但直接用点语法访问可能受限于对象的封装机制。可以在组件中订阅user$，打印Object.keys(user)查看可枚举属性，或者尝试用user['email']替代点语法验证。
• 缺少安全导航操作符：虽然*ngIf确保了user存在，但极端情况下可能存在user已初始化但email属性尚未赋值的间隙（比如异步更新），加上?.安全操作符{{ user?.email }}可以避免这类问题。
• 属性为非枚举/Symbol类型：如果email是以Symbol作为键的属性，或者被标记为不可枚举，json管道可能仍能输出它，但点语法无法直接访问。可以通过Object.getOwnPropertySymbols(user)或Object.getOwnPropertyDescriptors(user)检查属性类型。

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