如何在Angular 7中获得带有组件绑定的DOM翻译的html？

在Angular 7中，要获得带有组件绑定的DOM翻译的HTML，可以使用Angular的国际化（i18n）功能。国际化是一种将应用程序适配到不同语言和地区的技术，它可以帮助我们实现多语言支持。

以下是在Angular 7中获得带有组件绑定的DOM翻译的HTML的步骤：

1. 配置应用程序的语言环境：在Angular的根模块（通常是app.module.ts）中，导入LOCALE_ID和registerLocaleData，并在@NgModule装饰器的providers数组中注册语言环境。例如，如果要使用英语（en-US）作为默认语言，可以这样配置：

import { LOCALE_ID, NgModule } from '@angular/core';
import { registerLocaleData } from '@angular/common';
import localeEn from '@angular/common/locales/en';

registerLocaleData(localeEn);

@NgModule({
  providers: [
    { provide: LOCALE_ID, useValue: 'en-US' }
  ]
})
export class AppModule { }

1. 在组件中使用翻译文本：在组件的HTML模板中，使用Angular的内置翻译指令（i18n）来标记需要翻译的文本。例如，要翻译一个标题，可以这样写：

<h1 i18n="@@myTitle">My Title</h1>

1. 提取翻译文本：运行以下命令来提取翻译文本并生成翻译文件：

ng xi18n

这将在项目的根目录下生成一个名为messages.xlf的翻译文件。

1. 翻译文本：打开生成的messages.xlf文件，将需要翻译的文本翻译成目标语言，并保存文件。
2. 编译翻译文件：运行以下命令来编译翻译文件并生成目标语言的翻译文件：

ng build --i18n-file=src/locale/messages.xlf --i18n-format=xlf --locale=en-US

这将在dist目录下生成一个名为messages.xlf的目标语言翻译文件。

1. 运行应用程序：运行以下命令来启动应用程序，并使用目标语言的翻译文件：

ng serve --configuration=en-US

现在，应用程序将使用目标语言的翻译文件来渲染带有组件绑定的DOM，并显示翻译后的文本。

请注意，以上步骤是使用Angular的内置国际化功能来实现多语言支持的一种方式。在实际项目中，可能还需要考虑更复杂的翻译需求和工作流程。腾讯云提供了一系列云计算产品，如云服务器、云数据库、云存储等，可以帮助开发者构建和部署应用程序。具体产品和介绍请参考腾讯云官方网站：腾讯云。