Angular: [i18n] план на будущее 2.x

@vicb Я видел несколько сообщений о i18n в репо angular. Как это связано с https://github.com/angular/i18n? Это новая инициатива?

@thelgevold, как и большинство вещей в ng2, автономные репозитории существовали для раннего прототипирования. основная работа обычно выполняется внутри этого.

Привет, есть какой-нибудь документ о том, как это будет работать?
Мне интересно, могу ли я писать ключи в разметке и обычный текст в файлах перевода, как я использую с angular-translate.

{{ 'HOMEPAGE__ACTION__SIGNUP' | translate }}

Кодируя таким образом, одно внешнее лицо может редактировать все поддерживаемые языки (поскольку они находятся в файле JSON / po, по одному файлу на каждый язык). Если основной язык находится в разметке, он блокирует все версии до тех пор, пока разработчик не сможет изменить строку в коде разметки.

Спасибо!

@marcalj (устаревшая) спецификация https://docs.google.com/document/d/1mwyOFsAD-bPoXTk3Hthq0CAcGXCUw-BtTJMR4nGTY-0/edit.

Ваш вариант использования поддерживается.

Спасибо, Виктор! Есть ли планы включить сокращения номеров? Это что-то контекстно-зависимое.

@marcalj, не могли бы вы создать отдельный выпуск с более подробной информацией? Спасибо (но, вероятно, не для 2.0)

Будет ли поддержка динамических переводов (загружаемых с сервера)?
Есть ли планы задокументировать i18n в ближайшем будущем?
Спасибо!

Текущий план состоит в том, чтобы создать двоичный файл для каждой локали.

Мы будем работать над документом по мере того, как функции станут доступны. У нас обязательно должна быть минимальная документация для версии 2.0.

Что вы имеете в виду под «двоичным кодом на локаль»? Будет ли развернутый файл ресурсов быть двоичным, немного похожим на PO / MO, где MO используется вместо PO для повышения производительности. Есть также плохие примеры в двоичном развертывании, такие как XAML / BAML.

Я не очень доволен текущими методами локализации Anguar. Причины:

• Несколько разных API и методов.
• Вы должны настолько сильно изменять свои шаблоны, что и исходные, что их становится трудно читать и поддерживать.
• Вам необходимо вручную обновить исходный файл ресурсов и убедиться, что он синхронизирован с идентификаторами, используемыми в шаблоне.

Что нам действительно нужно, так это

• Единый официальный метод локализации с твердым форматом ресурсов (на основе XML или JSON)
• Минимальное влияние на шаблоны. Например, добавьте атрибут «localize» только в корневой элемент и возможные атрибуты «noloc» в те элементы, которые не локализованы.
• Возможность добавлять комментарии к строкам в шаблонах.
• Инструмент, который сканирует исходный код, извлекая исходные строки и комментарии в файл ресурсов. Используйте как можно более постоянные идентификаторы. Например, используйте атрибуты id или, если таковые не предусмотрены, используйте комбинацию местоположения и исходного строкового значения.
• Этот файл ресурсов должен иметь возможность хранить простые строки, строки с шаблонами ({{...}}), строки во множественном числе и гендерные строки, немного похожие на файлы значений Android.
• Простой способ упаковать локализованные ресурсы и загрузить их по мере необходимости
• Возможность смены языка без перезагрузки.

Я готов помочь, если вам понадобится помощь.

@ jaska45 самое то, что ваши желания должны сбыться. Одно исключение: «Возможность смены языка без перезагрузки.». Смена языка повлечет за собой загрузку нового приложения.

Спасибо. Звук очень хороший. Смена языка - это то, что происходит редко, и в этом случае допустимо, чтобы какое-то состояние было потеряно. Определенно самый низкий приоритет в моем списке и не стоит тратить слишком много усилий.

@vicb Я не уверен, правильно ли я понимаю этот «двоичный код на локаль», но будет ли это означать, что невозможно добавлять переводы во время выполнения? В настоящее время мы создаем SAAS с поддержкой клиентов, где каждый клиент может расширить нашу систему, предоставив свой собственный набор определений форм и собственный набор переводов, поэтому в нашем случае было бы действительно важно иметь возможность добавлять переводы во время выполнения.

@ Angular / common DatePipe ( date_pipe.ts ) в настоящее время содержит этот TODO в строке 15:

// TODO: move to a global configurable location along with other i18n components.
var defaultLocale: string = 'en-US';

Включена ли в планы i18n для выпуска 2.0 возможность передавать строку языкового стандарта в DatePipe?

@vicb Наше приложение устанавливает язык интерфейса, как только мы получаем объект пользователя из сети после начальной загрузки приложения. Итак, вы определили, будет ли этот процесс повторного повышения скорости легким?

Есть одна информация, которую я нигде не могу найти, просто чтобы подтвердить и иметь возможность спать по ночам :)
Официальная реализация i18n будет поддерживать файлы gettext / po , верно ? Это очень часто, поэтому я предполагаю, что он должен быть доступен, мы не будем останавливаться только на jsons и xtb, я прав? Я имею в виду, что gettext настолько распространен, что о нем даже не нужно упоминать, он всегда готов из коробки в любой реализации i18n, вот о чем я думаю.

Поддержка po для 2.0 не планируется. Вы должны иметь возможность конвертировать из / в xliff.

прости за твои ночи!

Какова идея хранения строк в формате XML? Никогда не сталкивался с какими-либо проблемами при извлечении в POT и компиляции PO в JSON в angular-gettext. Он нам очень хорошо послужил:

// en-GB.json, cached into localStorage after first request
"en-GB": {
    "Hello {{firstName}}": "{{firstName}}, Gutentag"
}

Случайный вопрос: есть мысли о переведенных URL в роутере?

Случайный вопрос: есть мысли о переведенных URL в роутере?

@vsavkin какие планы?

Мы не планируем оказывать поддержку переведенным URL-адресам до тех пор, пока не будет опубликован окончательный вариант. У нас были некоторые идеи, как это сделать после этого, но мы не приняли никаких решений.

ng2 i18n вызвал у меня головную боль. Я искал директиву i18n в экспорте: D до бесконечности ... Просматривая спецификации теста и код, меня поразила молния:

Компилятор шаблона сам преобразует и локализует шаблон.

Я прав, что основной рабочий процесс для i18n будет таким:

1. Пометьте элементы с помощью i18n или заключите html-части в комментарии i18n.
2. Каким-то образом запустить экстрактор (ng cli?) Для создания xliff.
3. Передайте это в перевод и получите обратно переведенный двоичный файл.
4. Настройте angular как-нибудь при загрузке, чтобы использовать двоичный файл желаемого языка.
5. Компилятор шаблона сам преобразует и локализует шаблон.

Потому что, если это так, пока я буду использовать специальную директиву «i18n», чтобы имитировать самые-самые основы перевода до версии 2.0.

Это предполагаемый рабочий процесс для i18n в angular2 в будущем?

@ concept-hf, это верно, см. документ, который я скомпоновал ранее в этом обсуждении.

Вы запустите ng-xi18n, чтобы создать файл xliff.

У нас есть пара директив и фильтр для сообщений ICU

@vicb Будет ли доступно в следующем RC5? :)

Зависит от того, когда будет RC5 ... иначе будет в RC6

Какая версия XLIFF будет поддерживаться? 1.2 или 2.0 или оба?

Поддерживает ли ядро ​​angular 2 извлечение текстовых сообщений из шаблонов html, таких как функции angular-gettext?

• Будет в RC6,
• xliff 1.2 на данный момент.

означает ли, что часть «i18n messages» ng2-translate станет ненужной, а Angular предоставит все инструменты, необходимые для использования строк перевода?

если мне нужно только {{ 'TRANSLATION_ID' | translate }} , могу ли я использовать сейчас? (rc5)
и как его импортировать

@vicb Это ХОРОШИЕ НОВОСТИ !! Спасибо всем за усердную работу, любите angular 2!

Есть ли планы по поддержке формата сообщений json (none-xml)?

означает ли, что часть «сообщения i18n» ng2-translate станет ненужным, а Angular предоставит все инструменты, необходимые для использования строк перевода?

цель состоит в том, чтобы иметь встроенный i18n. Не уверен, какие функции поддерживает ng2-translate.

если мне нужно только {{'TRANSLATION_ID' | перевести }}

Синтаксис: <p i18n>TRANSLATION_KEY</p> / <p i18n>test in src lang</p> . См. Документ по ссылке в одном из первых комментариев к этой теме.

люблю angular 2!

я тоже !

Есть ли планы по поддержке формата сообщений json (none-xml)?

Не сейчас. Вы можете создать запрос функции, и мы оценим его в соответствии с интересом к проблеме.

Для очень большого приложения наличие одного файла (xliff) для каждого языка может повлиять на время загрузки. Есть ли способ разбить языковой файл на файлы меньшего размера? Если да, будет ли это управляться с помощью NgModules (0..1 xliff на NgModule)?

наличие одного файла (xliff) для каждого языка может повлиять на время загрузки

В режиме AoT (скомпилированный) файл перевода не загружается, поскольку шаблон компилируется на целевой язык. Это было бы верно только при JIT-компиляции (во время выполнения).

Пожалуйста, также создайте запрос функции, если вам нужна эта функция. Спасибо.

@marinho ng2-translate всегда был (и всегда будет) минимальным способом перевода вашего приложения. Он очень гибкий и работает во время выполнения (без перезагрузки страницы для изменения языка).
Реализация angular 2 в i18n требует больше работы, но, вероятно, намного лучше для больших (корпоративных) приложений, она будет поддерживать множественное число, пол, автоматическое извлечение строк.

Если реализация i18n охватывает все, что уже делает ng2-translate, я откажусь от нее, в противном случае я попытаюсь импортировать некоторые инструменты из i18n в ng2-translate (например, загрузчик xliff) и сосредоточить библиотеку на том, чего не делает i18n ' я делаю

Имеются ли инструменты для автоматического извлечения строк с RC-6? Если да, то укажите мне их направление - вместе с любыми сопроводительными документами.
_Update_ : Я вижу, что есть новое сообщение в блоге о RC6, в котором упоминается новый инструмент автоматического извлечения (ng-xi18n). Есть ли к нему какие-то документы?

пока нет, я только начал над ними работать :)
вы можете использовать инструмент ng-xi18n точно так же, как ngc: добавьте скрипт в свой package.json, который выполняет «ng-xi18n»
пример: "extract": "ng-xi18n" а затем запустить npm run extract , он должен создать файл messages.xlf с вашими строками для перевода

Привет,

• когда я выполняю сценарий ng-xi18n, он не может найти ресурсы при использовании абсолютного пути.
• можно ли использовать i18n с интерполяцией?

С Уважением.

когда я выполняю сценарий ng-xi18n, он не может найти ресурсы при использовании абсолютного пути.

Когда вы указываете путь к команде, я думаю, что она будет искать файл tsconfig.json или в противном случае использовать параметры по умолчанию (и, вероятно, с треском провалиться). Не уверен, что автор инструмента уехал на некоторое время, а это значит, что у меня не было реальной информации по этому поводу :)

можно ли использовать i18n с интерполяцией?

Пока вы используете директиву для своих элементов, она должна работать. У вас есть пример?

На мой первый вопрос: на самом деле это не проблема, так как я думаю, что лучше использовать относительные пути.
Для второго: мне нужно перебрать список ключей (KEY_A, KEY_B, ...) и отобразить соответствующий перевод этих ключей. Я попытался установить атрибут i18n на свой элемент, но скрипт создал следующий xlf trans.

<div *ngFor="let k of myKeys" i18n>{{k}}</div>

<trans-unit id="fdbc61d14108f805b0c5234d1af631b8a03f8001" datatype="html"> <source><x id="INTERPOLATION"/></source> <target/> </trans-unit>```

Ах, я понял. Я думаю, он работает только со статическим текстом, а не с переменными

пожалуйста, направляйте вопрос в службу поддержки во внешние списки и сохраняйте GH для запросов функций и ошибок

как получить строку i18n в скрипте?
Например:

let _THIS_IS_A_I18N_STRING = ???
alert(_THIS_IS_A_I18N_STRING);

Я не думаю, что это возможно, как я уже сказал, он работает только со статическим текстом, он не будет анализировать текст в коде js, только шаблоны

Я часто использую $translate.instant('KEY_FOO_BAR'); ... его можно использовать вне шаблона.

@ zh99998 @marcalj Это невозможно с текущим имп. Не могли бы вы создать соответствующий запрос функции в системе отслеживания проблем, заполнив шаблон проблемы и добавив варианты использования (и ссылку на другую реализацию, если применимо).

Спасибо.

Пожалуйста, также свяжите здесь запрос функции; Я хотел бы поддержать это.

С Уважением

@vicb @ db6edr https://github.com/angular/angular/issues/11405 Спасибо! :)

Мне было интересно, как i18n будет работать с локализованными пакетами UI / Component?

Позвольте мне объяснить нашу ситуацию:
Мы создаем компоненты пользовательского интерфейса как (функцию) NgModules, которые мы публикуем во внутреннем реестре npm. Затем, на один уровень выше, фактическое приложение (возможно, для конкретного клиента) будет устанавливать эти модули и ссылаться на компонент. Теперь, поскольку локализация в настоящее время выполняется на уровне приложения, нам придется объединить файлы xlf из функционального модуля с модулем приложения и предоставить объединенный XLF как ПЕРЕВОДЫ.

Конкретный пример: наш модуль аутентификации предоставляет компонент AuthenticationComponent, который показывает кнопку входа в систему, которую необходимо локализовать («Вход», «Anmelden» и т. Д.). В идеале мы хотели бы предоставить messages.us.xlf, messages.de.xlf и т. Д. С пакетом npm, который содержит AuthenticationComponent. Таким образом, основное приложение должно объединить эти xlf-файлы и использовать их для начальной загрузки, потому что может быть предоставлено только одно значение ПЕРЕВОДОВ (правильно?).

В режиме AOT это означает, что ngc создает файлы ngfactory для каждого функционального модуля. Есть ли способ упаковать локализованные файлы ngfactory в npm и заставить компилятор ссылаться на локализованные файлы ngfactory при вызове ngc для основного приложения? Компиляция всех зависимых шаблонов в каждом приложении для каждого языка кажется довольно сложной задачей.

Спасибо!

@paumayr у нас еще нет этого

Это означает, что для версии 2.0 final у вас не будет другого выбора, кроме создания одного файла.

Однако, пожалуйста, создайте отдельный запрос функции, описывающий ваши потребности, и мы рассмотрим следующие выпуски.

Благодарность

Есть ли еще какие-либо руководства / лучшие практики для рабочих процессов по работе с XLIFF? Я создал для этого вопрос о .po и просто не могу найти ни одного хорошего инструмента (например, Poedit), который бы соответствовал моим потребностям (обновите файлы messages.LANG-lang.xlf из messages.xlf для пример).

Также: есть ли какие-либо варианты для ng-xi18n относительно места добычи? Я хочу иметь отдельную папку для хранения моих локализаций.

И последнее, но не менее важное: действительно ли мы должны вручную создавать файл messages.LANG-lang.ts для каждого файла messages.LANG-lang.xlf , или файл .xlf конечном итоге будет анализироваться автоматически (для JIT, особенно в целях разработки)?

есть команда для обновления xlf файлов для каждого языка :)

Есть ли гиды

@ocombe работает над некоторыми документами

Я пришел с фона .po

Создайте выпуск, если вам нужен другой формат - мы оценим его по популярности.
Тем временем вы сможете конвертировать po <> xlf?

есть ли варианты для ng-xi18n по поводу места извлечения?

пока нет, при необходимости создайте проблему

будет ли файл .xlf автоматически анализироваться

вам не нужно ничего делать вручную.
ng-xi18n используется для извлечения,
ngc используется для слияния.

Документы пока отстают, но @ocombe над этим работает.

вернуться из отпуска: D

какой разработчик, какие праздники?

Большое спасибо @ocombe и @vicb за быстрый ответ. Я действительно с нетерпением жду документов. Продолжайте в том же духе :)

@vicb хорошо, подойдет. Я думаю, что это две отдельные проблемы: один поддерживает несколько поставщиков ПЕРЕВОДОВ (возможно, на уровне NgModule?), Другой ссылается на локализованные внешние файлы ngfactory.ts в ngc. Я открою запрос функции поддержки нескольких ПЕРЕВОДОВ. Проблема AOT с ngfactories, поставляемыми в npms, - это улучшение во время разработки.
Благодарность!

Из того, что я вижу в образце StephenFluin i18n , локализация выполняется во время загрузки приложения. Мне нужно иметь возможность изменить язык в любое время при запуске приложения, что, по-видимому, не позволяет. Есть ли какой-либо другой механизм, настоящий или будущий, который позволил бы динамически изменять язык приложения во время выполнения.

@ckemmler как @vicb, упомянутый выше в этом потоке (https://github.com/angular/angular/issues/9104#issuecomment-229975293), для изменения языка требуется перезапуск приложения, поскольку компилятор встраивает локализованные строки в скомпилированный код шаблона ngfactories /.

И это имеет смысл, когда пользователь меняет язык, потому что он не понимает текущий, поэтому перезагрузка не должна быть большой проблемой.
Кроме того, вы должны определять язык для применения на основе языка браузера пользователя, в большинстве случаев пользователь должен получить правильный язык при первой загрузке.

Спасибо @paumayr. Извините, я этого не видел. Действительно? Я понимаю, что локализация иногда может быть сложной задачей, но необходимость запускать приложение заново - это своего рода преграда, не так ли? И определенно не то поведение, к которому люди привыкли, пользуясь веб-сайтами. Конечно, Angular касается приложений, а не веб-сайтов, но тем не менее: большинство веб-приложений в настоящее время в любом случае неотличимы от веб-страниц и требуют от пользователя делать что-то столь же разрушительное, как перезапуск приложения только для изменения языка, что неприемлемо с точки зрения UX, по крайней мере, в моей книге.
Я имею в виду: представьте себе туристический веб-сайт, на котором, как вы думаете, вы все прекрасно поймете, используя любой язык, активный в текущей локали, но после кропотливого просмотра своей трехмерной формы вы обнаружите, что вам нужно конкретное предложение мелким шрифтом на вашем родном языке и хлопнуть! надо "перезапустить приложение", прочитать -> снова начать все с нуля?

Также можете ли вы уточнить, что означает термин «компилятор времени выполнения» в самом верхнем посте (в разделе «Функции, запланированные в 2.0:»)? Спасибо!

Перезагрузка приложения не означает, что нужно начинать с самого начала, вы можете сохранить тот же URL-адрес и перезагрузить его в том же состоянии.

@ocombe ты прав :-)

@ckemmler Я думаю, что ваш пример "3-й страницы формы" - это то, что пользователи кропотливо выучили за последние несколько лет: вы не просто переключаете язык, потому что это может потерять ваше состояние ... И вам лучше поторопиться до 20-минутного сеанса тайм-аут закончился ... Так что нет, это не меня нарушает правила. Что меня немного беспокоит, так это время сборки для всех языков (вызов ngc для каждой культуры).

Еще одна вещь, я вижу, что ng-xi18n упоминается в нескольких местах. Где документировано его использование? Я погуглил, но ничего не нашел.

@ckemmler Думаю, это еще WIP. Я очень хочу его наконец изучить :)

@paumayr он не должен много добавлять для извлечения текстовых строк, у меня нет теста, но он кажется быстрее, чем простой tsc
@ckemmler пока нигде, должно быть задокументировано в ближайшее время (если я найду время, чтобы закончить документы: D)

@ocombe, где мы найдем документацию, когда она будет завершена? Можно ли ожидать, что он появится на angular.io? Потому что я проверяю документы ежедневно, поэтому мне не нужно получать информацию из других каналов, независимо от того, выпущена она или нет.

да, он будет на angular.io, я добавлю сюда сообщение, когда оно станет доступным

Пожалуйста, прекратите использовать этот канал для общих обсуждений и запросов в службу поддержки.
Это должно быть только для ошибок и запросов функций.
Чем меньше шума мы должны отфильтровать, тем продуктивнее.

Спасибо !

@christiandreher @fank @ckemmler @marcalj @dagerber @esinek мой PR документации по i18n доступен здесь: https://github.com/angular/angular.io/pull/2309
⚠️ это все еще ожидающая рассмотрения PR, и содержание изменится, но если вам действительно нужен документ прямо сейчас, вы можете его прочитать

@ocombe большое спасибо за внимание!

Нет, это не так.

Используйте gitter и StackOverflow

Возможность смены языка без перезагрузки имеет решающее значение для использования i18n в AngularJS. Перезагрузка не Angularonic. Весь UX в Angular занимает одну страницу. Текущая реализация i18n (с перезагрузкой) нарушает принцип SPA.

взносы приветствуются!

@anderflash Я не совсем согласен с вашим утверждением, что перезагрузка имеет решающее значение для этой реализации i18n.

Есть еще некоторые реализации (ng2-translate, ng2-i18next в меньшей степени), основанные на директивах, которые могут изменять язык во время выполнения. Но это имеет реальную стоимость при исполнении, потому что язык нужно проверять при каждом цикле изменений (насколько я понимаю).

Я вижу эту реализацию i18n как статический способ обработки переводов. Я не вижу много ситуаций, когда пользователь хочет изменить язык во время использования приложения. Вместо этого для меня ключевым моментом является определение языка во время начальной загрузки (или даже компиляции): пользователю не нужно менять язык из-за неправильного первоначального выбора.

@anderflash Я уверен, что каждый хотел бы, чтобы приложение (веб-сайт или другое) мгновенно обновлялось при смене языка без перезагрузки страницы / перезагрузки приложения. Я включил (возможно, я даже сам когда-то просил об этом, не уверен). Но чем больше я думаю об этом и чем больше смотрю вокруг, тем больше понимаю, что это не так уж и возможно, и склонен соглашаться с остальным миром :)
Если пользователь выполняет 1000 действий в вашем приложении, из которых только 1 «меняет язык», мы предпочли бы иметь максимальную производительность для остальных 999 вещей, не жертвуя при этом хоть малейшей производительностью для этой 1 вещи.

Даже если мы не будем принимать во внимание «стоимость» разработки ... если есть какая-то проблема с производительностью, нам действительно нужно взвесить все:

1. Как часто пользователю нужно менять язык? ... Я бы вложил свои деньги максимум один раз , если сам разработчик с самого начала не добьется успеха! Но даже если я здесь ошибаюсь (на 1), я все еще не могу представить случай, когда пользователю нужно было бы переключаться между языками.
2. Чаще всего в приложении есть контент с сервера. Таким образом, изменение языка также означало бы обновление контента с вашей стороны. В этом случае, даже если решение Angular i18n предложит это, когда дело доходит до моей части (обновление контента, уже доставленного с сервера), я обязательно скажу клиенту, что нам нужно перезагрузить приложение :) Либо это, либо Сами клиенты сказали бы: «О, хорошо ... просто перезагрузите страницу» после того, как я сообщу им о разнице в стоимости.

Также обратите внимание на нативные приложения (iOS, Android, Windows), реализующие i18n. Даже в этом случае приложение обычно необходимо перезапускать после смены языка (если это не очень простое приложение). Затраты на «живое изменение языка» в большинстве случаев просто слишком высоки (с точки зрения производительности или разработки).

Интересно посмотреть, как Android справляется с такими случаями.
По сути, приложения для Android представляют собой изолированные действия (компоненты), которые можно перезагружать при определенных обстоятельствах: поворот экрана или ... изменение языка.

В этих случаях вся деятельность воссоздается с нуля с помощью данных, кэшированных активностью в ожидании этого события.

Чтобы провести параллель, мне кажется приемлемым обрабатывать одно и то же событие одинаковым образом. И кажется возможным с помощью маршрутизатора и некоторого другого кеша данных (localStorage?) Перезапустить приложение без потери контекста.

@MrCroft

пользователю потребуется переключаться между языками.

В этом случае было бы проще открыть 2 вкладки (по одной для каждого языка)

извините @vicb за еще один комментарий ...

преимущества описаны здесь:
https://github.com/IdeaBlade/angular.io/blob/b3e44c88dd8cd6b37da64e56d275e058314922fd/public/docs/ts/latest/guide/i18n.jade#L67

Еще один мой дополнительный опыт заключается в том, что сторонние сервисы, такие как Google Maps API, плагины FB, не могут быть изменены во время выполнения или без препятствий, таких как перезагрузка сценариев JS и т. Д., Поэтому перезагрузка страницы в основном необходима и проще.

да, обратная сторона - необходимость поддержки на стороне сервера ...

@christiandreher @fank @ckemmler @marcalj @dagerber @esinek кулинарная книга для i18n опубликована на angular.io: https://angular.io/docs/ts/latest/cookbook/i18n.html

@ocombe Я новичок в Интернете и

Есть ли планы заставить ng-xi18n работать с модулями ES6, пока я получаю только «пустой» messages.xlf?

Извините, но как вы это делаете? В кулинарной книге написано, что файлы нужно копировать вручную ...
https://github.com/angular/angular/issues/9104#issuecomment -245337147

@yandreiy Я думаю, что на данный момент это невозможно, просто прочтите несколько комментариев выше;)
@select Вы определили атрибуты i18n HTML в своих элементах? будут извлечены только тексты с тегами!

PS: Я написал сообщение в блоге о рабочем процессе

У меня есть 2 модуля: мой основной модуль приложения AppModule и SecondModule который я импортирую непосредственно в свой AppModule (так что это не ленивый загружаемый модуль - если это поможет разница, но я не думаю, что это так).

В модуле приложения я хочу использовать компонент из SecondModule , поэтому в моем SecondModule меня есть:

exports: [ SomeComponent ]

(нет смысла делать для этого общий модуль, плюс я не уверен, что это исправит, хотя я не пробовал).

Теперь SomeComponent можно использовать в любом шаблоне любого компонента AppModule .
Но запуск ./node_modules/.bin/ng-xi18n -p src/ не выполняется с: Cannot determine the module for component SomeComponent!

Вот полный журнал:

$ ./node_modules/.bin/ng-xi18n -p src/
Error: Cannot determine the module for component SomeComponent!
    at D:\wamp\www\bs\pdp.ng2\node_modules\@angular\compiler-cli\src\extract_i18n.js:101:27
    at Array.map (native)
    at D:\wamp\www\bs\pdp.ng2\node_modules\@angular\compiler-cli\src\extract_i18n.js:97:52
    at Array.map (native)
    at Extractor.extract (D:\wamp\www\bs\pdp.ng2\node_modules\@angular\compiler-cli\src\extract_i18n.js:95:28)
    at extract (D:\wamp\www\bs\pdp.ng2\node_modules\@angular\compiler-cli\src\extract_i18n.js:16:35)
    at Object.main (D:\wamp\www\bs\pdp.ng2\node_modules\@angular\tsc-wrapped\src\main.js:30:16)
    at Object.<anonymous> (D:\wamp\www\bs\pdp.ng2\node_modules\@angular\compiler-cli\src\extract_i18n.js:160:9)
    at Module._compile (module.js:556:32)
    at Object.Module._extensions..js (module.js:565:10)
Extraction failed

Должен ли я открыть для этого вопрос, это ошибка? Или мне здесь нужен другой подход?

Я кратко изложил наш автоматический рабочий процесс для i18n в своем блоге
Он делает все автоматически, например копирует файлы, объединяет их с существующими переводами и т. Д.
Надеюсь это поможет.

@MrCroft имеет точно

@MrCroft @ spock123 Если у вас

При этом ваша проблема должна была быть исправлена ​​последними коммитами в автономном компиляторе и экстракторе - в ближайшие дни должен быть выпуск, чтобы вы могли попробовать.

@vicb Я читал все документы i18n и очень взволнован направлением AOT.

Единственное, чего я не могу найти, так это перевести текст атрибута. Например

<img src="icon.png" alt="This Text should be Translated!" />

Я просто пропустил это в документации, или мне стоит открыть заявку по этому поводу?

Спасибо.

@martinmcwhorter, я думаю, вам просто нужно добавить атрибут i18n-alt

@actimeo Кажется, работает. Я пробовал с
<input type="text" i18n-placeholder placeholder="Who do you want to find?"/>

Это задокументировано ... в ожидающем PR https://github.com/angular/angular.io/pull/2740

Я буду настаивать на его объединении в ближайшее время / cc @wardbell @Foxandxss

Мы не планируем оказывать поддержку переведенным URL-адресам до тех пор, пока не будет опубликован окончательный вариант. У нас были некоторые идеи, как это сделать после этого, но мы не приняли никаких решений.

Есть ли в этом прогресс? Также необходим способ связи с этими переведенными маршрутами.

Привет, ребята, похоже, что с Angular i18n мы можем переводить тексты только в представлениях. Но как насчет сообщений, встроенных в код? Что-то типа:

throw new Error('This request has failed')

Как мне это перевести?

Я предполагаю, что вы намерены отправить сообщение об ошибке пользователю в представлении. В этом
case, включите код с созданным вами исключением и сопоставьте этот код с
сообщение в шаблоне компонента обработчика ошибок.

В пн, 12 декабря 2016, 15:04 Даниэле Гидоли, [email protected]
написал:

Привет, ребята, похоже, что с Angular i18n мы можем переводить тексты только на
взгляды. Но как насчет сообщений, встроенных в код? Что-то типа:

выбросить новую ошибку ('Этот запрос не удался')

Как мне это перевести?

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/angular/angular/issues/9104#issuecomment-266453448 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/ABI5-kyVvBnng0jPTwvP3ZdHzumtHERYks5rHWKQgaJpZM4IxhKY
.

Да, но не только сообщения об ошибках. Любая строка, которая может быть жестко закодирована в коде и отсутствует в представлении. В старой библиотеке ngTranslate для Angular1 есть служба $translate которую вы можете использовать для перевода строки с контроллера, а затем использовать ее позже. Должен ли я перемещать все сообщения в представлении? или будет другой выход?

План состоит в том, чтобы иметь возможность переводить строки в TS - есть проблема с отслеживанием функции в GH.

@vicb Не могли бы вы разместить ссылку?

@ghidoz Я столкнулся с той же проблемой на работе и написал несколько хакерский обходной путь:

• Есть компонент уведомлений, который обрабатывает весь механизм отображения.
• Я добавил экземпляр уведомления для каждой ситуации с ошибкой / предупреждением / информацией, которую поддерживает приложение.
• Каждый экземпляр имеет внутри соответствующие локализованные тексты и запускается с помощью * ngIf и / или * ngSwitch, в зависимости от того, что лучше подходит

Спасибо @ db6edr , я понял. Но это не всегда возможно. Например, мне нужно перевести также веб-уведомления, в которых нет представления, в котором я могу разместить все возможные тексты.

@vicb есть какой-нибудь план для этого? Спасибо

@feloy Раньше вы писали: «Вместо этого для меня самое важное - это определение языка при начальной загрузке». Итак, если локаль - Канада, вы загружаете английский или французский; если регион Бельгия, загружаете ли вы голландский, французский или немецкий язык, если пользователь находится в южном Техасе, загружаете ли вы английский или испанский? Я даже не собираюсь в Швейцарию или Индию и не говорю об иммигрантах во многих странах - я надеюсь, вы поняли суть. Реальный пользователь должен изменить язык после загрузки приложения. Angular 2 должен поддерживать эту потребность, если вы планируете использовать его по всему миру. Как только язык изменится, я не вижу необходимости проверять его в каждом цикле обновления. Дайте пользователю сообщение о том, что изменение языка "займет некоторое время", когда произойдет событие изменения. Когда пользователь покидает приложение, этот язык должен быть сохранен в файле cookie, и он должен загружаться с этим языком в следующий раз. Это лучшее предположение по предпочтениям пользователя.

Привет, @mLaird, я говорю о языках, а не о странах, в точности как ты. Каждый браузер дает возможность в своих настройках определять предпочтительный язык пользователя. Так что, если техасский пользователь определит свой предпочтительный язык как es_US, он получит испанский интерфейс, как и ожидалось.

какая-нибудь дорожная карта для этого? Спасибо

Я постараюсь взглянуть на то, что нужно на этой неделе, и составлю план.

@Philippe MARTIN Да, это возможно, но вы имеете дело с большим количеством
технически подкованные клиенты, чем я ;-) Есть временные
пользователи - пользователи в библиотеках, пользователи в доме друзей, пользователи в аэропорту
киоск и т. д. и т. д. Они часто предпочитают другой язык, чем
настройки браузера.

13 декабря 2016 г., 15:06, Виктор Берше [email protected]
написал:

какая-нибудь дорожная карта для этого? Спасибо

Я постараюсь взглянуть на то, что нужно на этой неделе, и приду с
план.

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/angular/angular/issues/9104#issuecomment-266846439 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/ADDSb05rHEK1RipS1btty5TFsQAwiE1Mks5rHvqygaJpZM4IxhKY
.

-

Майк Лэрд

12 Arbor Creek Drive, Питтсфорд, Нью-Йорк 14534
[email protected]

"... помня с обеих сторон, что вежливость не является признаком слабости,
а искренность всегда подлежит доказательству. Давайте никогда не выходить из
страх, но давайте никогда не будем бояться вести переговоры », - Джон Ф. Кеннеди.

@mLaird, пожалуйста, взгляните на мою реализацию. Вы можете переопределить язык по умолчанию, перезагрузив приложение с новым языком в качестве аргумента. Для меня это звучит разумно.
https://github.com/actimeo/simmage-ui (см. живую демонстрацию)

Я обнаружил проблему с множественным числом и выбираю: вы уверены, что она реализована правильно?

Если у меня просто обычная строка, я могу экспортировать их с помощью команды ng-xi18n , но если я добавлю строку с множественным числом или выберу, это не сработает.

С использованием

<span i18n>{user.receivedReports, plural, =0 {No spam/scam reports} =1 {One spam/scam report} other {# spam/scam reports}}</span>

и

<span i18n>{currentConversation.user.online, select, true {Online} false {Offline}}</span>

Я получаю много таких ошибок парсинга:

Unexpected closing tag "li" ("plural, =0 {No spam/scam reports} =1 {One spam/scam report} other {# spam/scam reports}}</span>
    [ERROR ->]</li>

Используя синтаксис комментариев, я не получаю ошибок при извлечении:

<!--i18n: select test-->
{user.online, select, true {Online} false {Offline}}
<!--/i18n-->

<!--i18n: plural test-->
{user.receivedReports, plural, =0 {No spam/scam reports} =1 {One spam/scam report} other {# spam/scam reports}}
<!--/i18n-->



md5-b6643fed0ae53c51b5e311fa11670548



<trans-unit id="2b10577df0a3d78b7e65c07d5760524f881f390a" datatype="html">
    <source>
        <x id="ICU"/>
    </source>
    <target/>
    <note priority="1" from="description">plural test</note>
</trans-unit>

<trans-unit id="e61681024eadd7f72e33f053f04c128910c419a2" datatype="html">
    <source>
        <x id="ICU"/>
    </source>
    <target/>
    <note priority="1" from="description">select test</note>
</trans-unit>



md5-1ed6d3f87b24b5bd78093a4ca13431c4



<msg id="3c8aef599bb96e303600aa44617acd0a7d602147">{user.receivedReports, plural, =0 {No spam/scam reports} =1 {One spam/scam report} other {# spam/scam reports} }</msg>
<msg id="06fe711b55463e3ee28d72239d77e9a50da62d86">{currentConversation.user.online, select, true {Online} false {Offline} }</msg> 

как перевести дату / время?

Дата переводится с помощью канала даты.

В среду, 4 января 2017 г., 08:12 zh99998, [email protected] написал:

как перевести дату / время?

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/angular/angular/issues/9104#issuecomment-270315783 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/ABI5-gHZiWOREPwucdqwRhVIs9xwMgorks5rO1RngaJpZM4IxhKY
.

@feloy , ваш пример позволяет вам переключать язык только на странице входа в систему, что, если вы хотите переключить язык при входе в систему и без обновления браузера? Как вручную уничтожить приложение и заново запустить его?

@dietergeerts , это возможно только с JIT, но не с AOT.

@rolandoldengarm , это также возможно с AOT, если вы загружаете свои переводы при загрузке приложения. В настоящее время я использую что-то среднее между ngx-translate и официальным i18n, в том смысле, что мы используем каналы для получения переводов (чистые), но мы загружаем только один язык при запуске, а переключение языка требует перезагрузки приложение (Если бы только у нас была перезагрузка маршрутизации, так как настройка i18n выполняется в одном из корневых разрешений)

@vicb

Я постараюсь взглянуть на то, что нужно на этой неделе, и составлю план.

Есть ли у вас обновления дорожной карты? Специально для реализации i18n для переводов вне шаблонов.

Меня также очень интересует возможность переводить строки в TypeScript. Есть какое-нибудь ETA по этому поводу?

@ Thomas-Kuipers @thelgevold Я работаю над этим, и он будет доступен в 4.1 или 4.2 (скорее всего)

@ocombe
как работать со статическим текстом при интерполяции, который не может использовать выборочный перевод.

<div i18n>{{exercise._desc ? exercise._desc : 'empty'}}</div>

строка 'пустая' не может быть переведена

@ rayer4u это не является предметом данной проблемы, для вопросов поддержки следует использовать stackoverflow или gitter.
Я все равно отвечу на этот вопрос, но, пожалуйста, не задавайте здесь дополнительных вопросов, не связанных с планами на будущее i18n.

Ответ: вы не можете этого сделать, динамические переводы не поддерживаются Angular i18n, поскольку он работает во время компиляции или сборки, а не во время выполнения.

Не по теме: Прошу прощения
@ rayer4u Решение - использовать статические переводы:

<div *ngIf="exercise?._desc">{{ exercise?._desc }}</div>
<div *ngIf="!exercise?._desc" i18n>empty</div>

@ocombe Прошу прощения за
@martinmcwhorter Спасибо за ответ. Мы пишем много смешанной логики if / else для вывода различного текста i18n в шаблоне, это самый простой вариант. Возможно, размещение текстовой логики времени выполнения в шаблоне - плохой выбор.

возможно, это плохая идея, но не может angular автоматически добавить @@id в наши атрибуты i18n при первом извлечении?

Нет, потому что нам придется сохранить это при редактировании кода.
Допустим, у вас есть два одинаковых блока кода i18n, мы добавляем идентификаторы, а затем вы меняете один из них, идентификаторы не совпадают, что означает, что следующее извлечение будет пропущено из них ...

Я подтверждаю, что это плохая идея. Не могли бы вы объяснить, как angular узнает, как приписывать один и тот же идентификатор строке, когда мы извлекаем ее снова и снова, как они сохраняют один и тот же идентификатор в строке. такой мощный, но я не понимаю: s

@ocombe

Вот что мы используем: https://github.com/angular/angular/blob/master/packages/compiler/src/i18n/digest.ts#L13 -L15

Сейчас мы находимся на версии 4, поэтому я закрываю этот вопрос. Следите за нашими планами на версию 4 и последующие в # 16477.

Эта проблема была автоматически заблокирована из-за бездействия.
Сообщите о новой проблеме, если вы столкнулись с аналогичной или связанной проблемой.

Узнайте больше о нашей политике автоматической блокировки разговоров .

_{_Это действие было выполнено автоматически ботом. _}