html - 如何翻译 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"
}
我希望将整个下拉列表转换为中文。
解决方案
您可以添加如下内容:
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'},'google_translate_element');
}
</script>
这会添加一个 Google 翻译按钮,可将您的页面翻译成用户选择的任何语言。w3schools上有一个完整的例子。
推荐阅读
- flyway - 如何从 Flyway 中的 dotenv 文件加载环境变量?
- python - 识别日期时间列表
- python - 无法连接类型为“的对象”
"; 只有 pd.Series、pd.DataFrame 和 pd.Panel(已弃用)obj 有效 - python - 在特定列中保留元素最接近 0 的行
- amazon-web-services - 使用 Lambda 函数通过 Python 读取某个 Cloudwatch 警报状态及其指标
- ssh - ssh 向远程发送命令时如何获取 ~/.bashrc
- python - 如何将熊猫数据框写入现有的 xlsx 文件?
- macos - 开发板 NodeMCU 1.0 (ESP-12E Module) 编译时出错(读取 10 次)
- javascript - Redux-persist for reactJS 给出错误:Firefox 78.0.2 中的 noop 存储
- javascript - Angular html中的Highcharts