如何解决Angular ngx-translate在ag-grid标头中返回对象promise
我正在尝试使用ngx-translate在ag-grid中转换标头名称,为此,我已将键从grid列传递给了一个函数,该函数将返回如下所示的promise。
this.columnDefs = [
{
headerName: 'S.No',translateKey: 'DEVICES.LIST.SNO',width: 1000,resizable: false,sortable: false,suppressSizeToFit: true,valueGetter: (args) => this.getId(args),checkboxSelection: (params) => {
return params.columnApi.getRowGroupColumns().length === 0;
},headerCheckboxSelection: (params) => {
return params.columnApi.getRowGroupColumns().length === 0;
},headerValueGetter: this.localizeHeader.bind(this)
},];
localizeHeader函数
localizeHeader = async(params: any) => {
const translatedText = await this.translateHeader(params.colDef.translateKey);
return translatedText;
}
translateHeader函数
translateHeader(key: string) {
return new Promise((resolve) => {
this.translateService.get(key).subscribe((value) => {
resolve(value);
});
});
}
但是当我运行该应用程序时,我得到的输出如下所示
当我检查翻译后的字符串的日志是否正确返回时,我不知道我在哪里错了。
即使我尝试使用
translate.instant('LIST.SNO')
仅显示键而不显示值。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。