Перевести строки в коде Angular Typescript - PullRequest
Новая
       11

Перевести строки в коде Angular Typescript

0 голосов
/ 08 февраля 2019

Можно ли переводить строки внутри исходного кода компонента в Angular6.

F.e. 

window.confirm("HELP me");

Я не нашел ничего, кроме обычного перевода для файлов HTML ( Angular Docs i18n ).

Заранее спасибо

Ответы [ 3 ]

0 голосов
/ 10 мая 2019

Я попробовал решение для этого, и оно работает, вот как мне удалось перевести мои предупреждения ngx-toaster, которые вызываются в моем файле ts, например, у меня есть это: 

ngOnInit() {
 this.toastrService.success('created successfully', '');
}

я преобразовал его в этот 

@ViewChild('test') myDivElementRef: ElementRef;
...
constructor(private toastrService: ToastrService) {}
ngOnInit() {
this.toastrService.success(this.myDivElementRef.nativeElement.outerHTML, '', {
  enableHtml :  true
});

и в своем шаблоне я создаю div с #test reference 

<h2 i18n="@@testTitle" #test [hidden]="true">created successfully</h2>
0 голосов
/ 01 августа 2019

In Material Angular 6: 

import { locale as english } from './i19n/en';
import { locale as français } from './i19n/fr';
import { ToastrManager } from 'ng6-toastr-notifications';

Декларация 

     @ViewChild('espiontest') myDivElementRef: ElementRef;

в конструкторе 

    constructor(
      public toastr: ToastrManager){
    }

в вашей функции или OnInt

    this.toastr.successToastr(this.myDivElementRef.nativeElement.outerHTML, null, {enableHTML: true});

В html этот элемент {{'Add_Profil_application_lang.Creationeffectuée' | translate}} является переводом в файлах ./i19n/en и ./i19n/fr

<code><pre>
<p [hidden]="true">
   <span #espiontest>{{'Add_Profil_application_lang.Creationeffectuée' | translate}} 
</span>
</p>
0 голосов
/ 06 марта 2019

Вы можете использовать https://github.com/ngx-translate/i18n-polyfill до тех пор, пока Angular i18n не получит для него встроенную поддержку, вероятно, около версии 9. Автор работает над Angular i18n, поэтому я думаю, что можно с уверенностью полагать, что он будетБлизко к будущей возможности Angular i18n.

В этом выпуске много интересной информации о будущем Angular i18n: https://github.com/angular/angular/issues/16477

...