javascript - 无法读取未定义的属性 'MyProperty'

Question

在我的 Angular2 模板中，我有以下绑定(bind):

{{Stringify(result)}}
{{result.MyProperty}}

Stringify 是一个返回输入对象的 JSON.stringify 的函数。 Stringify 函数返回了一个 JSON 字符串，其中显示了 MyProperty 的名称和值。

然而，第二行返回一个

TypeError. Cannot read property 'MyProperty' of undefined in {{result.MyProperty}}.

JSON.stringify 清楚地表明此属性/字段存在，那么为什么我会收到错误？

Answer 1

如果它在那里，它就可以被访问并且 JS 不会抛出

试试看

{{result?.MyProperty}}

也许 Angular 在 result 有值之前尝试访问 result.MyProperty 而 Stringify(result) 不会阻塞 空。当 result 同时更新时(可能是因为值是从服务器接收到的， View 会在您意识到之前显示的是空字符串之前更新。
您的问题没有提供足够的背景信息。

另见

• https://github.com/angular/angular/issues/791
• https://angular.io/docs/ts/latest/guide/template-syntax.html#!#expression-operators (来自下面的评论 - 感谢@MarkRajcok)