Angular 8-通过传递来自父组件的数据，在运行时动态填充子组件中的元素

Angular是一个流行的前端开发框架，它可以通过组件化和模块化的方式来构建交互式的Web应用程序。Angular 8是Angular框架的一个版本，它引入了一些新的特性和改进。

在Angular中，父组件可以通过属性绑定的方式将数据传递给子组件。这可以通过在父组件的模板中使用子组件的选择器，并通过属性绑定将数据传递给子组件的输入属性来实现。

下面是一个示例，展示了如何在运行时动态填充子组件中的元素：

首先，在父组件的模板中，使用子组件的选择器并通过属性绑定将数据传递给子组件的输入属性。假设子组件的选择器是app-child，父组件要传递的数据是一个名为data的属性。

<app-child [data]="parentData"></app-child>

在子组件的代码中，使用@Input()装饰器来定义一个输入属性，用于接收来自父组件的数据。在本例中，我们将输入属性命名为data。

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-child',
  template: '<p>{{ data }}</p>'
})
export class ChildComponent {
  @Input() data: any;
}

当父组件的parentData属性的值发生变化时，子组件的data属性将会自动更新，并在子组件的模板中动态显示。

这样，通过传递来自父组件的数据，在运行时动态填充子组件中的元素就实现了。

Angular官方文档中关于组件通信的更多内容可以参考：https://angular.io/guide/component-interaction

在腾讯云的生态系统中，可以使用云服务器（CVM）来部署和运行Angular应用程序，详情请参考：https://cloud.tencent.com/product/cvm

同时，腾讯云还提供了云函数（SCF）和云开发（TCB）等产品，用于支持服务器端逻辑和后端数据存储等需求，可以与Angular应用程序结合使用，详情请参考：https://cloud.tencent.com/product/scf 和 https://cloud.tencent.com/product/tcb。