Accédez au stockage local HTML5 depuis Angular2

Je suis en suivant ce tutoriel: https://medium.com/@blacksonic86/authentication-in-angular-2-958052c64492 sur l'authentification de Angular2.

J'ai le problème avec cette partie:

import localStorage from 'localStorage';

J'ai lu quelque part que je devrais utiliser cette bibliothèque https://github.com/marcj/angular2-localstorage pour accéder à stockage local HTML5. Est-ce vraiment la seule option? Puis-je accéder à stockage local HTML5 à partir de angular2 sans l'aide de modules supplémentaires?

source d'informationauteur Daniel Stradowski

  1. 9

    Vous pouvez utiliser localStorage directement dans le service sans import localStorage from 'localStorage';.

  2. 7

    Vous devez utiliser directement localStoragecomme mentionné par d'autres ici, c'est un builtin fonctionnalités du navigateur (navigateur pris en charge).

    En outre, je suis l'ajout ci-dessous quelques exemples sur la façon d'ajouter une entrée dans celui-ci (ils travaillent tous deux dans le même sens).

    localStorage.colorSetting = '#a4509b';    //dot notation
localStorage['colorSetting'] = '#a4509b'; //bracket notation
localStorage.setItem('colorSetting', '#a4509b');

    Comme une note, angular2-localstorage fonctionne au-dessus de native localStorage et de fournir une "pratique" afin de sauvegarder et de restaurer automatiquement une variable d'état dans votre directive.

  3. 1

    J'ai remarqué que le local de stockage de projet est à la recherche de quelqu'un pour prise en charge et n'est pas actuellement entretenu. Donc, je ne vais pas l'utiliser jusqu'à ce moment. J'ai été en mesure de trouver l'un correctif dans mon tsconfig.json fichier.

    Dans la propriété lib vous pouvez simplement ajouter dom

    "lib": [
      "es2016",
      "dom"
    ]

    C'est pris en charge dans les options du compilateur https://www.typescriptlang.org/docs/handbook/compiler-options.html.

    J'ai dû redémarrer visual studio code pour cette option pour supprimer les erreurs.