需求:根据当前项目全球化的语言环境,动态引入语言包
class部分代码
ngOnInit(): void {
this.initPopup1Form()
this.initPopup2Form()
this.initPopup3Form()
// 多言語対応
// 获取当前语言
const culture = this.translateService.getStoragelang()
//当为英语时
if(culture == 'en'){
//获取页面scripts元素
const scripts = document.getElementsByTagName('script')
for (let i = 0; i < scripts.length; i++) {
let script = scripts[i]
//存在语言包时 先清空
if (script.src.indexOf('/cultures/wijmo.culture.') > -1) {
script.parentElement!.removeChild(script)
break
}
}
//创建新的script
let script = document.createElement('script')
//添加路径
script.src = 'https://unpkg.com/wijmo@5.20231.904/cultures/wijmo.culture.en-CA.js'
//设置script为module模式
script.type = 'module'
//添加元素到html
document.body.appendChild(script)
}
}
unpkg 使用
unpkg 类似cdn
地址:unpkg.com/ 参考地址:juejin.cn/post/719996…