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

Question

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

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

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

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

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

Answer 1

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