angular update local storage single object
<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>