Question

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

在我们的HTML文件中，我们需要编写像{{'code'|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插件可以做这样的事情，我很乐意尝试。

此外，我想知道任何获得类似结果的方法。

WebStorm / IDEA支持angular-translate

0 个答案: