및 이온

Question

나는 controller.And의 값 각 행과 행의 수를 채우는 겨 반복은 세 개의 버튼은 내가 됐군, 우수한 좋은으로 표시 포함 한 다음

만들고 싶은 것은 각각의 행에있는 3 개의 버튼에서 cval과 버튼 값으로 localstorage에 하나의 값을 저장하는 것입니다. 하나를 선택하면 계속 버튼을 활성화해야합니다.

<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.put() 및 $cookies.get()을 사용하여 문자열 및 숫자와 같은 간단한 값과 상호 작용할 수 있지만 객체를 다루므로 $cookies.putObject() 및 $cookies.getObject()을 사용하려고합니다.

는 다음의 간단한 예와 plunkr 얼마나 그 힘 look. 나는 당신의 codepen 바이올린에서 그것을 시도했다. 그러나 명백하게 codepen는 코드가 바뀔 때 쿠키를 깨끗하게한다.