title: angular update local storage single object
body: <p>I have some local storage items that are a list of objects.</p>
  
  <pre><code>console.log(localStorageService.get("kittens"));
  </code></pre>
  
  <p>would output something like:</p>
  
  <pre><code>[
      {"name": "fluffy", "color": "white" }, 
      {"name": "luna", "color": "black" }
  ]
  </code></pre>
  
  <p>let's say I want to update luna's color to brown.</p>
  
  <pre><code> var myKitten = localStorageService.get('kittens').filter(function(kitten){
      return kitten.name == "luna";
   })[0];
  
   myKitten.color = "brown";
  </code></pre>
  
  <p>And then I can't figure out how to update just the single record of the local storage.</p>
  
  <p>In reality I'm sending a request to the server to update the record, however it doesn't get updated in my app. </p>
  
  <p>When the response comes back I want to update the record in local storage as well, but I seem to be able to only update the ENTIRE local storage item ("kittens"). I don't see a way to do this in the <a href="https://github.com/grevory/angular-local-storage" rel="nofollow">docs</a>, but feel that there should be a way to do this that I'm overlooking.</p>