如何从字符串中以编程方式呈现多个Angular 7组件？

从字符串中以编程方式呈现多个Angular 7组件可以通过动态组件的方式实现。动态组件是指在运行时根据需要动态加载和渲染的组件。

在Angular中，可以使用ComponentFactoryResolver来创建和呈现动态组件。以下是实现的步骤：

1. 首先，需要在模块中导入ComponentFactoryResolver：

import { ComponentFactoryResolver, ViewContainerRef } from '@angular/core';

1. 在组件中注入ComponentFactoryResolver和ViewContainerRef：

constructor(private componentFactoryResolver: ComponentFactoryResolver, private viewContainerRef: ViewContainerRef) { }

1. 创建一个方法来动态呈现组件。该方法接收一个字符串参数，该字符串表示要呈现的组件的类型：

renderComponent(componentType: string) {
  // 根据组件类型获取对应的组件工厂
  const componentFactory = this.componentFactoryResolver.resolveComponentFactory(componentType);
  
  // 清空视图容器
  this.viewContainerRef.clear();
  
  // 创建组件实例并将其添加到视图容器中
  const componentRef = this.viewContainerRef.createComponent(componentFactory);
  
  // 可以通过componentRef来访问和操作动态创建的组件
}

1. 调用renderComponent方法，并传入要呈现的组件类型的字符串：

this.renderComponent('ComponentType');

通过以上步骤，就可以从字符串中以编程方式呈现多个Angular 7组件了。

动态组件的应用场景包括但不限于以下情况：

• 根据用户的操作或条件动态加载不同的组件
• 实现可配置化的界面，根据配置信息动态加载组件
• 实现动态表单，根据后台返回的表单配置动态加载表单组件

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
• 腾讯云人工智能：https://cloud.tencent.com/product/ai
• 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动开发：https://cloud.tencent.com/product/mobdev
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme
• 腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod