我目前正在尝试向 kotlin js 项目添加 i18n 支持（无反应）。
return document.create.div {
span("mid-title") {
+i18n here (ResourceBundle.getBundle()?)
}....
那么有没有一种方便的方法可以与 kotlin js 配合使用？
更新：
fun loadJSON(callback: (response: String) -> Unit) {
val xobj = XMLHttpRequest()
xobj.overrideMimeType("application/json")
xobj.open("GET", "test.json", true)
xobj.onreadystatechange = {
if (xobj.readyState.toInt() == 4 && xobj.status.toInt() == 200) {
// Required use of an anonymous callback
// as .open() will NOT return a value but simply returns undefined in asynchronous mode
callback(xobj.responseText);
}
}
xobj.send(null)
}
更新 2：
现在明白了
所以就像我在使用 javascript 加载文件之前写的那样。之后，我有了 Json 对象，我可以在其中按键获取值。我还添加了一个重载来替换字符串中的参数。此外，我添加了一个 MuatableStateFlow 变量来观察语言的加载状态。但请记住，此概念始终需要在服务器上运行。在本地您会收到 CORS 错误
class LanguageSupport(private val folder: String = "", private val lang: String) {
private lateinit var currentLang: Json
private val languageMutableStateFlow = MutableStateFlow<LanguageSupportState>(
LanguageSupportState.LanguageInit
)
val languageStateFlow: StateFlow<LanguageSupportState> = languageMutableStateFlow
init {
loadJSON()
}
fun get(key: String): String {
val value = currentLang[key]
check(value != null) {
throw Exception("key not found to load language definition")
}
return if (value is String) {
value
} else {
throw Exception("value of key is not a string")
}
}
fun get(key: String, vararg placeholders: String): String {
val value = currentLang[key]
check(value != null) {
throw Exception("key not found to load language definition")
}
return if (value is String) {
var finalValue: String = value
for (item in placeholders) {
finalValue = finalValue.replaceFirst(PLACEHOLDER, item)
}
finalValue
} else {
throw Exception("value of key is not a string")
}
}
private fun loadJSON() {
val xobj = XMLHttpRequest()
xobj.overrideMimeType("application/json")
xobj.open("GET", "${folder}test_${lang}.json", true)
xobj.onreadystatechange = {
if (xobj.readyState.toInt() == 4 && xobj.status.toInt() == 200) {
// Required use of an anonymous callback
// as .open() will NOT return a value but simply returns undefined in asynchronous mode
currentLang = JSON.parse(xobj.responseText)
languageMutableStateFlow.value = LanguageSupportState.LanguageLoaded
}
}
xobj.send(null)
}
companion object {
const val PLACEHOLDER = "%s"
}
}
sealed class LanguageSupportState {
object LanguageLoaded : LanguageSupportState()
object LanguageError : LanguageSupportState()
object LanguageInit : LanguageSupportState()
}
因为我使用 Koin
single { (folder: String, language: String) ->
LanguageSupport(
folder = folder,
lang = language,
)
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句