複数のボタンの行をangularjsとionicのlocalstorageに保存するには

Question

ここでは、ng-repeatを使用して、controller.Andの値で行数を入力し、各行にexcellent、good、badというラベルが付けられています。それぞれの行の3つのボタンからcvalとボタンの値を使ってlocalstorageに1つの値を保存します。 1つを選択すると、ボタンを有効にしたままにしてください。

<div class="element" ng-repeat="cval in userOrderedValues track by $index"> 
    <div class="values"> 
     <p>{{cval}}</p> 
    </div> 
    <div class="btns"> 
     <button class="button button-balanced" ng-model="selected" ng-click="saveStatus($index,cval,'good')" ng-class="{'active':val=='good' && current==$index}">excellent</button> 
     <button class="button button-amber" ng-model="selected" ng-click="saveStatus($index,cval,'ok')" ng-class="{'active':val=='ok' && current==$index}">good</button> 
     <button class="button button-assertive" ng-model="selected" ng-click="saveStatus($index,cval,'nw')" ng-class="{'active':val=='nw' && current==$index}">bad</button> 
    </div> 
</div> 

どのようにこれらの値をlocalstorageに保存できますか？これはcodepenです。私はこのために作った

Answer 1

角はちょうどこれを行うモジュール$cookiesを持っています。それを使用するには、最初にスクリプトを追加してモジュールをプルする必要があります。メインモジュールの依存関係に$ ngCookiesを含めるように更新し、最後にコントローラに$ cookiesを挿入する必要があります。

1つの方法は、任意の選択を含むオブジェクトを維持することです。 $cookies.put()と$cookies.get()を使用すると、文字列や数値などの単純な値とやりとりできますが、オブジェクトを扱うので、$cookies.putObject()と$cookies.getObject()を使用します。

ここでは簡単な例を示したplunkrがあります。lookの可能性があります。私はあなたのcodepenのフィドルでそれをやってみたが、明らかにcodepenは、コードが変更されたときにクッキーをクリアします。