Angular CLI - команда ng xi18n

Синтаксис

ng xi18n <project> [options]
ng i18n-extract <project> [options]

Команда ng xi18n извлекает сообщения i18n из исходного кода. Опции - это необязательные параметры.

Аргументы

Sr. No. Аргумент и синтаксис Описание
1 <проект> Название проекта. Это может быть приложение или библиотека.

Параметры

Sr. No. Вариант и синтаксис Описание
1 --browserTarget = browserTarget Цель, из которой нужно извлечь.
2 --configuration = конфигурация

Именованная цель сборки, как указано в разделе «конфигурации» файла angular.json. Каждая именованная цель сопровождается конфигурацией параметров по умолчанию для этой цели. Установка этого явно отменяет флаг "--prod".

Псевдонимы: -c

3 --createCommit = истина | ложь

Создавайте коммиты системы управления версиями для обновлений и миграций.

По умолчанию: false

Псевдонимы: -C

4 --format = xmb | xlf | xlif | xliff | xlf2 | xliff2

Формат вывода для созданного файла.

По умолчанию: xlf

5 --help = true | false | json | JSON

Показывает справочное сообщение для этой команды в консоли.

По умолчанию: false

6 --outFile = outFile Имя файла для вывода.
7 --outputPath = outputPath Путь, куда будет помещен вывод.
8 --prod = true | false Сокращение для «--configuration = production». Если установлено значение true, устанавливает конфигурацию сборки для производственной цели. По умолчанию рабочая цель настроена в конфигурации рабочего пространства, так что все сборки используют объединение, ограниченное встряхивание дерева, а также ограниченное удаление мертвого кода.
9 --progress = true | false

Зарегистрируйте прогресс в консоли.

По умолчанию: true

Сначала перейдите к проекту angular, обновленному с помощью команды ng build . Обновите app.component.html следующим образом:

app.component.spec.ts

<div class="content" role="main">
   <span i18n>app is running!</span>
</div>
<app-goals></app-goals>
<router-outlet></router-outlet>

Теперь запустите команду xi18n.

пример

\>Node\>TutorialsPoint> ng xi18n

Добавить поддержку локализации.

\>Node\>TutorialsPoint> ng add @angular/localize
Installing packages for tooling via npm.
Installed packages for tooling via npm.
UPDATE src/polyfills.ts (3064 bytes)

Теперь ng создаст файл messages.xlf в корневой папке, который является стандартным файлом перевода.

messages.xlf

<?xml version="1.0" encoding="UTF-8" ?>
<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
   <file source-language="en-US" datatype="plaintext" original="ng2.template">
      <body>
         <trans-unit id="6226cbeebaffaec0342459915ef7d9b0e9e92977" datatype="html">
            <source>app is running!</source>
            <context-group purpose="location">
               <context context-type="sourcefile">src/app/app.component.html</context>
               <context context-type="linenumber">2</context>
            </context-group>
         </trans-unit>
      </body>
   </file>
</xliff>