angular - 在模板中，我如何绑定(bind)到由 observable 传递的对象的深层嵌套属性？

Question

我有一个对象，它是通过一个名为 compModel 的可观察对象获得的.它给了我一个大的配置对象，我需要用它来调整 dom 的片段。我想做的一件事是根据此模型选中/取消选中某些复选框，但我无法访问它们各自的属性。

1. 评估 compModel observable 是否为真，并收到数据时选中复选框。

<input type="checkbox" checked="{{compModel | async}}">

1. 当在 compModel 上定义 obj 时，最终其计算结果为 null并且在任何时候都不会选中该框。我认为这被解释为通过了 obj async pipe 的 observable 属性，它返回 null 因为 observable 本身没有 obj ， future 的数据会。

<input type="checkbox" checked="{{compModel.obj | async}}">

1. 我收到一条错误消息，说 angular Cannot read property boolean of undefined .这里的 bool 值是我所追求的。我如何获得它？

<input type="checkbox" checked="{{compModel.obj.boolean | async}}">

Answer 1

<input type="checkbox" checked="{{(compModel | async)?.obj?.boolean}}">

您需要使用异步管道传输实际的可观察对象，然后使用 elvis 运算符有条件地访问它的 future 属性，以处理它们尚不可用的情况。