如何翻译HTML文件？

Question

我想为包含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"
    }

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

Answer 1

您可以添加以下内容：     

<script type="text/javascript">

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

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