Wie speichere ich angleJS in HTML5 localStorage

Question

Fühlen Sie sich frei, mir zu sagen, wegzugehen (Ich bin ein Neuling zu eckigen und Javascript), aber wie würde ich beginnen, diese angularJS zu localStorage speichern? Ist es etwas, das relativ schmerzlos durch das Erstellen einer Speicherfunktion in der add() getan werden kann? Ich habe gesehen, dass eckig seinen eigenen lokalen Speicher hat, aber kann dies ohne das getan werden? Pen: http://codepen.io/kiddigit/pen/LZVXMV

angular.module('app', []); 

angular.module('app').controller("MainController", function(){ 
    var vm = this; 
    vm.title = 'Movie Database'; 
    vm.searchInput = ''; 
    vm.shows = [ 
     { 
      title: 'Game of Thrones', 
      actor: 'Dudes', 
      year: 2011, 
      favorite: true 
     }, 
     { 
      title: 'Walking Dead', 
      actor: 'More dudes', 
      year: 2010, 
      favorite: false 
     }, 
     { 
      title: 'The Goonies', 
      actor: 'The Coreys', 
      year: 2002, 
      favorite: true 
     }, 
     { 
      title: 'Firefly', 
      actor: 'Dunno', 
      year: 2002, 
      favorite: false 
     }, 
     { 
      title: 'Bullit', 
      actor: 'McQueen', 
      year: 2013, 
      favorite: true 
     }, 
    ]; 
    vm.orders = [ 
     { 
      id: 1, 
      title: 'Year Ascending', 
      key: 'year', 
      reverse: false 
     }, 
     { 
      id: 2, 
      title: 'Year Descending', 
      key: 'year', 
      reverse: true 
     }, 
     { 
      id: 3, 
      title: 'Title Ascending', 
      key: 'title', 
      reverse: false 
     }, 
     { 
      id: 4, 
      title: 'Title Descending', 
      key: 'title', 
      reverse: true 
     } 
    ]; 
    vm.order = vm.orders[0]; 

    vm.new = {}; 
    vm.addShow = function() { 
     vm.shows.push(vm.new); 
     vm.new = {}; 
    }; 
}); 

Answer 1

Der Browser (das Fenster-Objekt) ein Objekt localStorage, einfach so genannt. Wenn Sie ein Objekt auf dem lokalen Speicher speichern möchten, müssen Sie es zunächst mit json anordnen.

Beispiel:

// in Ihrem Controller:

function saveMovie() { 
    var selectedMovieString = json.stringify(this.selectedMovie); // for example; 
    localStorage.setItem("selectedMovie", selectedMovieString); 
}