Angular 7观察值传递给子组件的部分工作

Angular 7中，观察值传递给子组件的部分工作是通过使用@Input装饰器来实现的。@Input装饰器允许父组件将数据传递给子组件。

具体步骤如下：

1. 在子组件的类中，使用@Input装饰器来定义一个输入属性。例如，假设我们要将一个名为data的观察值传递给子组件，可以在子组件的类中添加以下代码：

@Input() data: Observable<any>;

1. 在父组件的模板中，使用子组件的选择器，并使用属性绑定语法将观察值传递给子组件。例如：

<app-child-component [data]="observableData"></app-child-component>

其中，observableData是父组件中的一个观察值。

1. 在子组件的模板中，可以使用data属性来访问传递过来的观察值。例如：

<div *ngIf="data | async as value">
  {{ value }}
</div>

在上述代码中，我们使用了async管道来订阅观察值，并将其赋值给value变量。然后，我们可以在模板中使用value变量来显示观察值的值。

这样，父组件就可以将观察值传递给子组件，并在子组件中使用它。

在腾讯云的产品中，推荐使用腾讯云的云服务器（CVM）来部署和运行Angular应用。云服务器提供了高性能、可靠稳定的计算资源，适用于各种规模的应用。

腾讯云云服务器产品介绍链接地址：https://cloud.tencent.com/product/cvm