使用未定义的子对象Elvis运算符或自定义接口的Angular App数据绑定？

Question

我正在使用一个大型的angular 6应用程序，最近我们的API遇到了数据完整性问题，这破坏了我们的网站。

我们正在对以下数据进行绑定： {{parent.child1.child2}}

api返回了父级，但不返回child1或child2。因此，这破坏了我们的网站。

我很好奇处理此问题的最佳做法是什么？

一种解决方案是使用elvis运算符：{{parent？.child1？.child2}} 另一个是创建一个接口，并对API的响应使用一些自定义验证器。

任何指导将不胜感激。

Answer 1

您也可以使用^[ABC][0-9]{3}$ 运算符来实现此目的。

例如，您可以使用表达式&&。 如果{{parent&&parent.child1&&parent.child1.child2}}和parent.child1.child2都是真实的并且对象是真实的，它将返回parent，因此在您的情况下可以正常工作。