将翻译后的字符串作为输入注入 angular 5 组件

Question

我有一个 angular 组件模板，我想将 title 作为 @Input() 注入，显示为：

  <div class="title" >
    {{ title }}
  </div>

如何使用 ng2-translate 的管道将翻译后的 title 注入父组件，如下所示：

<title-component
    [title]="{{ 'KEY' | translate }}"
></title-component>

我想将翻译后的字符串动态传递给子组件，但我更愿意避免将翻译服务注入组件的构造函数，并尽可能将所有内容保留在模板中。谢谢

Answer 1

{{}} 在输入中不是必需的，因此删除这些应该可以解决您的问题

Inject a translated string as an input in an angular 5 component