ng2-translate 指令在管道运行时不起作用答案

【问题标题】：ng2-translate directive not working while pipe isng2-translate 指令在管道运行时不起作用
【发布时间】：2017-05-08 19:59:09
【问题描述】：

Ng2-translate directive 给我带来了一些问题，但我不知道我做错了什么或者这是一个错误。

在同一组件的 html 模板上，翻译 pipe 正在工作，而翻译 directive 不工作。

特别是：

<span translate>{{ feature.linkTxt }}</span> // works

<span [translate]="feature.linkTxt"></span> // not working

我错过了什么还是应该工作？

编辑

变量feature.linkTxt指向stringLEARNMORE，对应如下json字符串：

"LEARNMORE": "Learn more",

如果我从指令切换到管道，使用相同的变量，将显示翻译后的文本。

feature.linkTxt 变量由以下*ngFor 语句生成：

<li *ngFor="let feature of featureslist"> ...

【问题讨论】：

【解决方案1】：

根据ng2-translate example，如果您的语言文件如下：

{
  HELLO: 'hello {{value}}'
}

那么你应该像这样使用它：

// there is single quote foe HELLO inside [translate]
<div [translate]="'HELLO'" [translateParams]="{value: 'world'}"></div>

所以我认为你的 json 就像：{ feature : { linkTxt : 'Your Text' } } 并且你应该像这样使用它：

<span [translate]="'feature.linkTxt'"></span>

【讨论】：

在我的例子中，feature.linkTxt 是一个在ngFor 循环中生成的变量，这就是为什么我周围没有' '。
你试过<span translate>feature.linkTxt</span>吗？
feature.linkTxt 是一个变量，所以我尝试了<span translate>{{ feature.linkTxt }}</span> 并且有效。显然这是一个错误，我正在为此添加响应。

【解决方案2】：

事实证明这是一个已知的开放错误。

【讨论】：