WebStorm/IDEA支持angular-translate

Question

我们的团队是AngularJs的新手,我们使用angular-translate来完成I18N的工作.我们将I18N信息存储在json文件中.

在我们的HTML文件中,我们需要编写像{{'code'|translate}}angular-translate 这样的代码来识别标签或需要翻译的内容.有时代码可能太长而无法读取.

HTML:

<th>{{'finance.label.fundCode'|translate}}</th>
<th>{{'finance.label.fundName'|translate}}</th>
<th>{{'finance.label.fundNetValue'|translate}}</th>
<th>{{'finance.label.returnRate3m'|translate}}</th>

JSON:

  "finance.label.fundCode":"????",
  "finance.label.fundName":"????",
  "finance.label.fundNetValue":"????",
  "finance.label.returnRate3m":"?3????",

我想知道有没有办法在HTML文件中显示I18N翻译,就像在Spring配置文件中使用IntelliJ IDEA一样.他们称之为代码折叠,我不知道我是否可以为此使用场景自定义代码折叠格式和来源.

期望:

<th>????</th>
<th>????</th>
<th>????</th>
<th>?3????</th>

我希望我的IDE可以在HTML文件中显示I18N信息,而无需更改实际代码,当我关注或悬停代码段时,它会显示原始代码.

我想开发一个插件来实现这一点,但我不确定插件是否可以做这样的事情.如果有人知道IDEA/WebStorm插件可以做这样的事情,我非常愿意尝试一下.

另外我想知道任何获得类似结果的方法.