Angular i18n - Перевести значение Typescript в отображение атрибутов HTML

Question

Есть ли возможность сделать перевод для атрибутов HTML, которые будут получены из функций машинописи?Например, см. Ниже.

<myCustomElement buttonId="personDetails" [title]="CustomSectionDisplayName('PersonDetails')" link="Person details"  linkText="Name, age and gender"></myCustomElement>

Для приведенного выше кода я хотел бы перевести значение, поступающее в атрибут [title].Для статических значений мы можем достичь этого.Но здесь, это динамично.Итак, кто-то может предложить мне какой-либо вариант, который мы имеем в i18n?

[Примечание: я не ожидаю ответов, так как мы можем получить другие библиотеки, такие как ngx-translate и т. Д. И т.Пожалуйста, дайте мне знать.

Answer 1

Чтобы отметить атрибут для перевода, добавьте атрибут в форме i18n-x, где x - имя атрибута для перевода.В следующем примере показано, как пометить атрибут title для перевода, добавив атрибут i18n-title в тег img:

Этот метод работает для любого атрибута любого элемента.

Вы также можете назначитьзначение, описание и идентификатор с синтаксисом i18n-x = "| @@".

Answer 2

Я думаю, вы можете попробовать использовать каноническую форму для привязки, используйте, например, bind-title вместо [title], затем добавьте атрибут i18n следующим образом: i18n-bind-title = "test @@ title", это работает для меня!