0

我正在使用 ngStorage (localStorage) 开发这个新的 AngularJS 项目，但不太清楚为什么我会收到以下消息。每当我点击我的添加按钮时，我都会得到这个。

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);
      };
)};
4

2 回答 2

1

您到底想用控制器中的行来完成什么：

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

我假设您想调用服务的方法并将inadd的值传递给它。colordataService

正如其他答案中提到的，您的错误来自favorites未在服务的返回块中定义。但是，如果您确实定义了它，您仍然不会添加颜色，因为unshift将返回StorageService.favorites.

如果我的假设是正确的，您可能会想要执行以下操作：

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

如果您确实需要从您的服务中“获取”收藏夹，请不要通过发布来破坏您的封装，$localStorage.favorites而是使用您的getAll方法来获取“收藏夹”。

PS 另外不要忘记检查 dataService 实际上有一个颜色键，或者你有另一个潜在的空指针。

于 2016-05-16T20:48:07.783 回答
0

您可以像这样访问收藏夹数组（使用已经公开的 getAll 函数）：

    StorageService.add(StorageService.getAll.unshift(dataService.colors.indexOf(color)));
于 2016-05-16T20:42:51.837 回答