Angular 16组件异常：Signal传入后Message字段无法正常显示

直接修改模板表达式，给空值合并逻辑加上括号，确保先计算出要翻译的目标文本，再传入translate管道：

{{ (maintenanceMessage.Message ?? "No message") | translate }}

Angular模板表达式遵循JavaScript的运算符优先级规则，管道运算符|的优先级高于空值合并运算符??。你原本的表达式：

{{ maintenanceMessage.Message ?? "No message" | translate }}

实际执行顺序是先将"No message"传入translate管道得到翻译结果，再把这个结果和maintenanceMessage.Message做空值合并判断。即便maintenanceMessage.Message是有效字符串，这个逻辑也不会把它传给translate管道，反而会直接使用原字符串（如果翻译管道对未匹配的文本直接返回原内容，就会出现始终显示"No message"的情况）。

加上括号后，会优先执行maintenanceMessage.Message ?? "No message"，得到正确的目标文本后再交给translate管道处理，就能正常显示对应翻译内容了。

另外补充：Angular 16的Signal在模板中会自动解包，结合你用| json能正常输出完整数据的情况，*ngIf已经确保Signal有值，属性访问的逻辑是没问题的。

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