angularjs - ng-options 在刷新页面时忽略 $localStorage 数组？

Question

我创建了一个 Plunkr。当单击按钮时，我正在推动项目，按钮颜色将变为红色，并在单击同一按钮时将项目拼接在数组中，按钮的颜色将变为绿色。

问题是完美的存储。按钮 $localStorage.tableArray 不适用于所选的 ng 选项。

当我刷新按钮的页面颜色时，也使用 ng-storage 和 ng-options 固定。

第一个 plunker 使用 ng-storage， 第二个 plunker 使用数组， 请帮助我。

 var app = angular.module('plunker', ["ngStorage"]);

 app.controller('MainCtrl', function($scope,$localStorage) {

     $scope.tablelist = [{"tablename":"t1"},{"tablename":"t2"}];

     if($localStorage.tableArray === undefined){
        $localStorage.tableArray = []
     }

     if($localStorage.tableslist === undefined){
         $localStorage.tableslist = []
     }

     $scope.getTable=function(table) {

         table.btnClass = table.btnClass == "btn-danger" ? "btn-success" : "btn-danger"
         var exists = false;

         angular.forEach($localStorage.tableArray, function (list,$index) {
            if ((list.tablename == table.tablename)) {
                console.log(list.tablename);
                console.log(table.tablename);
                exists = true;
                $localStorage.tableArray.splice($index,1);
                $scope.$storage=$localStorage.tableArray
                $localStorage.tableArray.splice($index,1);
                return false;
            }
        });

        if(!exists) {
            $localStorage.tableslist.push(table);
            $localStorage.tableArray = $localStorage.tableslist;
            console.log($localStorage.tableArray)
            table.color = "red"
        }
    } 
});