window.localStorage() um Spracheinstellungen zu setzen

Question

Ich versuche zu machen ist so, dass, wenn ein Benutzer ihre Sprache Präferenz auf meiner Website wählt, wird es gespeichert, so dass wenn sie die Seite aktualisieren oder zurückkommen, ihre ausgewählte Sprache wäre immer noch da.

ich dies in Angular tun, und hier ist mein Code:

export class AppComponent implements OnInit { 
    title: string = 'app'; 
    currentLanguage: string; 
    currentPage: string; 
    @ViewChild('bottom') bottomSection: ElementRef; 
    @ViewChild('top') topSection: ElementRef; 

    constructor(private global: GlobalProvider, private translate: TranslateService, private scrollService: ScrollToService, private elementRef: ElementRef, private route: ActivatedRoute, private router: Router) { 
    translate.setDefaultLang('en'); 
    this.changeLanguage('en'); 
    this.currentLanguage = localStorage.getItem(this.currentLanguage); 
    } 

    changeLanguage(language: string) { 
    this.translate.use(language); 
    this.currentLanguage = language; 
    localStorage.setItem(this.currentLanguage, language); 
    } 

Die Sprache auf der Seite ändern in Ordnung, aber ich kann die localstorage zum Laufen zu bringen scheinen. Ich bin ein Anfänger, also könnte die Antwort offensichtlich sein, aber kann mir jemand erklären, was ich falsch mache und wie man die Sprachvorlieben speichert, um gespeichert zu werden? Um

Answer 1

verwenden localStorage sollten Sie keyvalue Paar verwenden.

Das Problem mit Ihrem Code in dieser Zeile.

localStorage.setItem(this.currentLanguage, language); 

Aufgrund dieser jedes Mal eine neue Variable namens this.currentLanguage wird in localstorage gespeichert werden.

Versuchen Sie, diese zu speichern Artikel:

localStorage.setItem('selectedLanguage', language); 

Artikel zu erhalten:

localStorage.getItem('selectedLanguage');