angularjs - 从本地存储中删除后不会自动删除

Question

首先，这是代码

控制器.js

.controller('FavoritesController', ['$scope', 'dishes', 'favorites', 'favoriteFactory', 'baseURL', '$ionicListDelegate', '$ionicPopup', '$ionicLoading', '$timeout', '$localStorage', function ($scope, dishes, favorites, favoriteFactory, baseURL, $ionicListDelegate, $ionicPopup, $ionicLoading, $timeout, $localStorage) {

        $scope.baseURL = baseURL;
        $scope.shouldShowDelete = false;

        $scope.favorites = favorites;

        $scope.dishes = dishes;

        console.log($scope.dishes, $scope.favorites);

        $scope.toggleDelete = function () {
            $scope.shouldShowDelete = !$scope.shouldShowDelete;
            console.log($scope.shouldShowDelete);
        }

        $scope.deleteFavorite = function (index) {

            var confirmPopup = $ionicPopup.confirm({
                title: 'Confirm Delete',
                template: 'Are you sure you want to delete this item?'
            });

            confirmPopup.then(function (res) {
                if (res) {
                    console.log('Ok to delete');
                    favoriteFactory.deleteFromFavorites(index);

                    var old_favorite = JSON.parse($localStorage.get('favorites'));
                    var leng = Object.keys(old_favorite).length;

                    for (var i = 0; i < leng; i++) {
                        if (Object.keys(old_favorite)[i] == index) {
                            console.log("Deleted from localstorage!　" + Object.keys(old_favorite)[i]);
                            old_favorite.splice(old_favorite.indexOf(index), 1);
                            $localStorage.storeObject('favorites', old_favorite);

                        }
                    }


                } else {
                    console.log('Canceled delete');
                }
            });

            $scope.shouldShowDelete = false;

        }
    }])

服务.js

.factory('favoriteFactory', ['$resource', 'baseURL', function ($resource, baseURL) {
        var favFac = {};
        var favorites = [];

        favFac.addToFavorites = function (index) {
            for (var i = 0; i < favorites.length; i++) {
                if (favorites[i].id == index)
                    return;
            }
            favorites.push({id: index});
        };

        favFac.deleteFromFavorites = function (index) {
            for (var i = 0; i < favorites.length; i++) {
                if (favorites[i].id == index) {
                    favorites.splice(i, 1);
                    console.log("Deleted !" + index);
                }
            }
        }

        favFac.getFavorites = function () {
            return favorites;
        };

        return favFac;
        }])

收藏夹.html

<ion-view view-title="My Favorites">
    <ion-nav-buttons side="secondary">
      <div class="buttons">
        <button class="button button-icon icon ion-ios-minus-outline"
          ng-click="toggleDelete()"></button>
      </div>
    </ion-nav-buttons>
  <ion-content>
    <ion-list show-delete="shouldShowDelete">
      <ion-item ng-repeat="dish in dishes | favoriteFilter:favorites" href="#/app/menu/{{dish.id}}" class="item-thumbnail-left" on-swipe-left="deleteFavorite(dish.id)">
        <img ng-src="{{baseURL+dish.image}}" on-swipe-left="deleteFavorite(dish.id)">
        <h2>{{dish.name}}
         <span style="font-size:75%">{{dish.price | currency}}</span>
        <span class="badge badge-assertive">{{dish.label}}</span></h2>
        <p>{{dish.description}}</p>
        <ion-delete-button class="ion-minus-circled"
          ng-click="deleteFavorite(dish.id)">
        </ion-delete-button>
      </ion-item>
    </ion-list>
  </ion-content>
 </ion-view>

应用程序.js

 .state('app.favorites', {
  url: '/favorites',
  views: {
    'mainContent': {
      templateUrl: 'templates/favorites.html',
        controller:'FavoritesController',
      resolve: {
          dishes:  ['menuFactory', function(menuFactory){
            return menuFactory.query();
          }],
                        favorites: ['favoriteFactory', function(favoriteFactory) {
              return favoriteFactory.getFavorites();
          }]
      }
    }
  }
})

因此，在我尝试使用controller.js 中的deleteFavorite 函数并成功删除localstorage 中的索引后，收藏夹.html 上的数据无法更新，也无法立即从收藏夹.html 中删除。

我需要先刷新浏览器以显示基于本地存储的最新列表。

希望能在不刷新页面的情况下，根据localstorage数据展示最新的数据。

我在这里做错了吗？

先感谢您！