Angular:我可以将翻译与异步管道一起使用吗?

标签 angular ngx-translate

在 HTML 模板中将翻译管道与异步管道一起使用的最佳方法是什么?

例如,假设 'foo' 和 'bar' 有值:

{{ 'foo' | translate: '{ bar: (bar$ | async) }' }}

编译后显示为空。

最佳答案

您应该不是 translate 添加引号目的。

<!-- Works! -->
{{ 'foo' | translate: { bar: (bar$ | async) } }}




<!-- Doesn't work -->
{{ 'foo' | translate: '{ bar: (bar$ | async) }' }}

ERROR SyntaxError: Wrong parameter in TranslatePipe. Expected a valid Object, received: { bar: (bar$ | async) } 
at TranslatePipe.push../node_modules/@ngx-translate/core/fesm5/ngx-translate-core.js.TranslatePipe.transform (ngx-translate-core.js:1178)

关于Angular:我可以将翻译与异步管道一起使用吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51620465/

相关文章:

angular - 找不到管道 'translate' 错误在 Ionic 4 中显示

Angular 11 ngx-translate 不适用于 app.component 以外的其他组件

angular - 如何在不更改 NGX Translate 中的当前语言的情况下检索翻译值?

angular - Angular 2 quill 模块的 Quill Image 调整大小

Angular 2 - 将条件样式应用于指令的子 HTML 元素

javascript - 需要帮助从 Angular 2 中的服务访问变量

angular - 使用 rxjs BehaviorSubject 加载微调器

angular - 如何在 Angular 4 的 Material Design 表格中添加复选框

angular - ngx-translate:重新加载时不显示翻译

ngx-translate 页面加载时短暂延迟