Angular 如何定位角度'；Mats对话

如何本地化MatDialog

这是我的代码：

//forgotpassword.component.ts

import { locale as english } from './i18n/en';
import { locale as italian } from './i18n/it';

@Component({
    selector   : 'forgot-password',
    templateUrl: './forgot-password.component.html',
})
export class ForgotPasswordComponent implements OnInit
{
    invalidCredentials: boolean = false;
    busy: boolean = false;

    constructor(
        private translationLoader: TranslationLoaderService,
        public dialog: MatDialog
    )
    {
        .
        .
        .
        this.translationLoader.loadTranslations(english, italian);
    }

    ngOnInit()
    {
      .
      .
      .
    }


    onFormSubmit()
    {
        var email = this.forgotPasswordForm.get('email').value;

        .
        .
        .

        this.dialog.open(DialogContentUserDialog, {
            data: {
                email: email
            },
        });
    }
}

@Component({
    selector   : 'dialog-content-user-dialog',
    templateUrl: 'dialog-content-user-dialog.html'
})
export class DialogContentUserDialog
{
    constructor( @Inject( MAT_DIALOG_DATA ) public data: any )
    {
    }
}

// dialog-content-user-dialog.html

<h2 mat-dialog-title>{{FGTPWD.MODALTITLE | translate}}{{data.email}}</h2>
<div mat-dialog-content>
    <p><span>&#10003;</span>{{FGTPWD.MODALSUBTITLE | translate}}</p>
</div>
<div mat-dialog-actions>
  <button mat-button mat-dialog-close>Ok</button>
</div>

//forgotpassword.component.ts
从“./i18n/en”导入{locale as english}；
从“/i18n/it”导入{locale as意大利语}；
@组成部分({
选择器：“忘记密码”，
templateUrl:'./忘记密码.component.html'，
})
导出类ForgotPasswordComponent实现OnInit
{
invalidCredentials:boolean=false；
忙：布尔=假；
建造师(
私有translationLoader:TranslationLoaderService，
公共对话框：MatDialog
)
{
.
.
.
this.translationLoader.loadTranslations（英语、意大利语）；
}
恩戈尼尼特（）
{
.
.
.
}
onFormSubmit（）
{
var email=this.forgotPasswordForm.get（'email'）.value；
.
.
.
this.dialog.open（DialogContentUserDialog{
数据：{
电邮：电邮
},
});
}
}
@组成部分({
选择器：“对话框内容用户对话框”，
templateUrl:“对话框内容用户对话框.html”
})
导出类对话框ContentUserDialog
{
构造函数（@Inject（MAT_DIALOG_DATA）公共数据：任意）
{
}
}
//dialog-content-user-dialog.html
{{FGTPWD.MODALTITLE | translate}{{data.email}}
✓；{{FGTPWD.MODALSUBTITLE | translate}}

好啊

管道的使用（如

{{ID.SUBID | translate}}

）在我打开对话框的父html中运行良好（忘记密码.component.html）

相反，当我打开对话框时，我得到了这样一个结果：TypeError:undefined不是一个对象（计算“_co.FGTPWD.modaltite”）

我想我会把这个元素注入本地化对象，比如“数据”对象，但我不知道怎么做

有什么想法吗

谢谢你，明白了

对不起，我犯了个愚蠢的错误

我写了“

{{ID.SUBID | translate}}

”而不是“

{{ID.SUBID | translate}

”

---

解决了

什么是

FGTPWD

？