时间戳

首页 > 解决方案 > 如何将所选语言存储在本地存储Angular中

html - 如何将所选语言存储在本地存储Angular中

问题描述

我需要将选定的语言存储在本地存储中。这是我的任务：

页面初始化后检查用户之前是否选择了语言，如果是 -> 将所选语言设置为默认语言，如果没有 -> 使用浏览器语言，如果支持列表中没有浏览器语言，则使用默认（'en'）。

这是我的代码

public languages = [{
    name: 'English',
    code: 'en',
    icon: 'assets/images/flags/en.png'
}, {
    name: 'French',
    code: 'fr',
    icon: 'assets/images/flags/fr.png'
}, {
    name: 'Русский',
    code: 'ru',
    icon: 'assets/images/flags/ru.png'
}];

this.selectedLanguage = this.languages.find(lang => lang.code === this.translate.defaultLang);

changeLanguage(language) {
    if (isPlatformBrowser(this.platformId)) {
        this.translate.use(language.code);
    }
    this.selectedLanguage = language;
}

标签： htmlangulartypescript

解决方案

要向本地存储添加一些内容，您可以这样做localStorage.setItem('selectedLanguage', JSON.stringify(language))

推荐阅读