如何使用ng-storage存储数据数组？

Question

我做了羽毛球。我点击按钮时按下该项目，按钮颜色将变为红色并在点击同一按钮时将项目拼接在一起，按钮的颜色将变为绿色。

`http://plnkr.co/edit/b6vRVpUKkhPANNVXkkJL?p=preview

我的问题是如何使用ng-storage创建此功能。当我刷新页面时，推送的项目将是不变的。和颜色将是恒定的。

<script>
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.tablelist = [{"tablename":"t1"},{"tablename":"t2"}]
$scope.tableArray=[]
$scope.tableslist=[]
$scope.tableget=function(table){
     table.btnClass = table.btnClass == "btn-danger" ? "btn-success" : "btn-danger"
     var exists=false;
     angular.forEach($scope.tableArray, function (list,$index) {
        if ((list.tablename == table.tablename)) {
            console.log(list.tablename)
             console.log(table.tablename)
            exists=true;
            $scope.tableArray.splice($index,1)
            return false
        }
     });
    if(!exists){
    $scope.tableslist.push(table)
  $scope.tableArray=$scope.tableslist
  console.log($scope.tableArray)
   table.color="red"
    }
} 
 });

请帮我解决这个问题