Я следую официальному руководству по интернационализации с тегами i18n в моем проекте на веб-сайте Angular.Можете ли вы помочь мне, чтобы продолжить правильный путь в процессе интерполяции.Следующий пример работает, но выглядит не очень хорошо.
Причина, по которой он мне не нравится, заключается в том, что я заменяю ссылки на строки.Я бы предпочел использовать ссылки или строки, а не оба.Что бы вы порекомендовали?
file.component.ts
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-navbar',
templateUrl: './navbar.component.html',
styleUrls: ['./navbar.component.scss']
})
export class NavbarComponent implements OnInit {
optionEng = '??English';
}
file.component.html
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#"><p i18n="English Language">{{ optionEng }}</p></a>
</div>
messages.gr.xlf
<trans-unit id="f36b27d2fb9f6f468215bafd5e5cbd601f1270f0" datatype="html">
<source><x id="INTERPOLATION" equiv-text="{{ optionEng }}"/></source>
<target>Αγγλικά</target>
<context-group purpose="location">
<context context-type="sourcefile">app/template/navbar/navbar.component.html</context>
<context context-type="linenumber">25</context>
</context-group>
<note priority="1" from="description">English Language</note>