Работаю над проектом на Angular и во время добавление дополнительного языка столкнулся с проблемой как сделать так чтоб описанный в строке компонент Angular воспринимал как компонент. Для перевода используется библиотека ngx-translate.
До добавления интернационализации было вот так:
<p>
You can find an email to contact us on the <a routerLink="/contacts">contacts page</a>.
<p>
После добавления стало вот так:
<p [innerHTML]="'contacts_phrase_key' | translate">
но такой способ, понятно, не работает, так браузер ничего не знает об атрибуте routerLink
Вот небольшой пример с
демонстрацией
Как вообще по правильному делаются такие вещи?