使用Angular7/Bootstrap将鼠标悬停在表单元格上时显示附加信息

Angular是一个开源的JavaScript框架，用于构建单页应用程序。它采用了响应式编程和模块化开发的理念，可以帮助开发者快速构建高效、可扩展和易于维护的前端应用。

Bootstrap是一个流行的开源CSS框架，它提供了一套现成的CSS样式和JavaScript组件，帮助开发者快速构建美观且响应式的用户界面。它适用于各种设备和屏幕尺寸，并且提供了大量的可自定义的样式和组件。

要实现鼠标悬停在表单元格上时显示附加信息的功能，可以使用Angular和Bootstrap提供的一些特性和组件来实现。以下是一个可能的实现方式：

1. 在Angular组件中，通过绑定属性将附加信息存储在每个表单元格上。
2. 使用Angular的指令（Directive）来监听鼠标悬停事件，并在触发时显示附加信息。
3. 使用Bootstrap的Popover组件来实现信息的弹出框效果。

具体实现步骤如下：

1. 在组件中定义一个属性，存储表单元格的附加信息，例如：

cellInfo: string = '这是附加信息';

1. 在模板中使用Angular的指令绑定鼠标悬停事件，并显示附加信息，例如：

<table>
  <tr>
    <td [popover]="cellInfo" popoverTitle="附加信息">单元格内容</td>
  </tr>
</table>

1. 使用Bootstrap的Popover组件来实现信息的弹出框效果。在组件中引入ngx-bootstrap库，并在模板中使用ng-template定义Popover的内容，例如：

<table>
  <tr>
    <td [popover]="cellInfo" popoverTitle="附加信息">
      单元格内容
      <ng-template #cellInfo>
        <div>{{ cellInfo }}</div>
      </ng-template>
    </td>
  </tr>
</table>

通过上述方式，当鼠标悬停在表单元格上时，将显示附加信息的弹出框。

腾讯云提供了一系列的产品和服务，可以用于支持云计算和前端开发。推荐的一些与该功能相关的产品包括：

1. 云函数（Cloud Function）：无需管理服务器的事件驱动型计算服务，可用于处理前端请求并返回数据。 产品介绍链接：https://cloud.tencent.com/product/scf
2. 云数据库 MySQL 版（TencentDB for MySQL）：可用于存储和管理表单元格的附加信息。 产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
3. 云存储（COS）：用于存储前端应用程序所需的静态资源（如图片、样式文件等）。 产品介绍链接：https://cloud.tencent.com/product/cos

请注意，以上只是腾讯云提供的一些与该功能相关的产品，其他厂商也有类似的产品和服务可以实现相同的功能。