ТипError: Не удается прочитать свойство «unshift» неопределенного AngularJS

Question

Я работаю над этим новым проектом AngularJS с ngStorage (localStorage) и не совсем уверен, почему я получаю сообщение ниже. Я получаю это, когда я нажимаю кнопку добавления.

TypeError: Cannot read property 'unshift' of undefined AngularJS 

Ниже мой код. Может кто-нибудь объяснить, почему эта ошибка происходит?

.factory ('StorageService', function($localStorage) { 

$localStorage = $localStorage.$default({ 
    favorites: [] 
}); 

var _getAll = function() { 
    return $localStorage.favorites; 
}; 

var _add = function (color) { 
    $localStorage.favorites.unshift(color); 
} 
var _remove = function (color) { 
    $localStorage.favorites.splice(index, 1); 
} 
return { 
    getAll: _getAll, 
    add: _add, 
    remove: _remove 
    }; 
}) 

контроллер

.controller('HomeCtrl', function($scope, $localStorage, dataService, StorageService) { 

    $scope.add = function (color) { 
     StorageService.add(StorageService.favorites.unshift(dataService.colors.indexOf(color))); 
     console.log(color); 
     }; 
)}; 

Answer 1

Вы можете получить доступ к фаворитному массиву как это (используйте функцию GETALL, которая уже подвергается):

StorageService.add(StorageService.getAll.unshift(dataService.colors.indexOf(color))); 

Answer 2

Что именно вы пытаетесь достичь с линией в вашем контроллере:

StorageService.add(StorageService.favorites.unshift(dataService.colors.indexOf(color)));

Я предполагаю, что вы хотите назвать add метод вашей службы и передать его значение color в dataService.

Как указано в других ответах, ваша ошибка исходит от favorites, которая не определена в возвратном блоке вашей службы. Но если вы это определите, вы все равно не будете добавлять цвет, так как unshift вернет новую длину StorageService.favorites.

Если мой asumption правильно вы, вероятно, хотите сделать что-то вроде:

StorageService.add(dataService.colors.indexOf(color));

Если вам не нужно, чтобы «получить» в избранное из вашей службы, не сломать герметизацию путем публикации $localStorage.favorites, но используйте ваш метод getAll, чтобы получить «избранное».

P.S. Также не забудьте проверить, действительно ли у dataService есть клавиша цветов, или у вас есть другой потенциальный нулевой указатель.