Я новичок в Angular. Я искал ответы в do c и stackoverflow, но не нашел. Итак, извините, если мой вопрос - obvius.
Я создал компонент для хранения моего модального содержимого в отдельном файле. Я открываю это модальное окно с помощью open.dialog из родительского компонента:
openMyModalDialog() {
const dialogRef = this.dialog.open(MyModalComponent, {
panelClass: 'own-modal',
width: '300px'
});
dialogRef.afterClosed().subscribe(result => {
alert('closed');
});
}
Ну, MyModalComponent:
<h1 mat-dialog-title>{{ 'myTargetTranslateKey' | translate }}</h1>
<div mat-dialog-content>
<p>What's your favorite animal?</p>
<mat-form-field>
<mat-label>Favorite Animal</mat-label>
</mat-form-field>
</div>
<div mat-dialog-actions>
<button mat-button (click)="onNoClick()">No Thanks</button>
</div>
Я не импортирую TranslateModule в модальный компонент, потому что думаю который импортирован в модуль.
...
@NgModule({
imports: [
CommonModule,
TranslateModule,
MomentModule,
IMaskModule,
Он также импортирован в app.module.ts. using TranslateModule.for Root ().
Важно сказать, что | translate pipe работает в любых других компонентах / коде, а также в родительском, который открывает диалог .
Заранее спасибо!
UPDATE : Я импортировал TranslateService из ngx-translate / core в модальном компоненте. Я помещаю console.log в событие закрытия и вижу, что this.translateSevice.instant ('key') работает! ... Итак, проблема в том, что канал не работает.
ОБНОВЛЕНИЕ 2 : оно также работает с <h1 mat-dialog-title [translate]="'key'"></h1>, но не с трубой! : '(
UPDATE 3 : Pipe не работает означает, что результат пуст, ничего не отображается, но и в консоли нет ошибок.