首页 > 解决方案 > 如何翻译 HTML 文件?

问题描述

我想为包含 i.name 的 HTML 文件添加翻译。我确实有一个名为能量密度的对象,其中包含我需要翻译的数据。这实际上是一个下拉列表,我想将其转换为中文。

我已经尝试过了,但这是在下拉列表中显示 energy.energydensity 。

<option value="All">{{allLoads}}</option>
      <option *ngFor="let i of ddlLoadType ;">{{'Energy.EnergyDensity.i.Name'}}</option>
    </select>

<option value="All">{{allLoads}}</option>
      <option *ngFor="let i of ddlLoadType ;">{{i.Name}}</option>
    </select>

EN-US json data :
"EnergyDensity": {
    "Heating": "Heating",
                "Cooling": "Cooling",
                "hvac": "HVAC",
                "htg": "Heating",
                "light": "Lighting",
                "plgld": "Plug Load"
    }

我希望将整个下拉列表转换为中文。

标签: htmlangulartranslate

解决方案


您可以添加如下内容:

<script type="text/javascript">

function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'},'google_translate_element');
}
</script>

这会添加一个 Google 翻译按钮,可将您的页面翻译成用户选择的任何语言。w3schools上有一个完整的例子。


推荐阅读