将 localStorage 添加到 angularJs 模块

Question

我正在尝试在我的模块 angularJs 中添加 localstorage，我阅读了一些 tuts 但我做不到。 我想在本地保存价值，所以 localStorage 在我看来是更好的方法。 这是我的代码：

>var myApp = angular.module("myApp", ["favicon"]);//,
> "localStorageModule"]);
>     myApp.controller("appCtrl", [
>       "$scope",
>       "faviconFilter",
>       //"localStorageService",
>       function($scope, faviconFilter ){//, localStorageService) {
>         $scope.bookmarks = [
>           { 
>             title: "CodePen", 
>             url: "https://codepen.io", 
>             category: "web design", 
>             likes: 3
>           },
>           {
>             title: "Youtube",
>             url: "https://youtube.fr",
>             category: "fun",
>             likes: 3
>           },
>           { title: "Google", url: "https://google.fr", category: "web", likes: 3 }
>         ];
>         $scope.increment = function($index) {
>           $scope.likes++;
>         };
>         $scope.addBookmark = function() {
>           $scope.bookmarks.push({
>             title: $scope.site_name,
>             url: $scope.site_url,
>             category: $scope.site_category,
>             likes: 0,
>             favicon: faviconFilter($scope.site_url)
>           });
>           //localStorageService.add('site_name', 'site_url', 'site_category');
>           //$scope.site_name = localStorageService.add('site_name');
>           //$scope.site_url = localStorageService.add('site_url');
>           //$scope.site_category = localStorageService.add('site_category');
>           $scope.site_name = "";
>           $scope.site_url = "";
>           $scope.site_category = "";
>         };
>         // $scope.orderList = "cat";
>         $scope.bookmarks.forEach(function(bookmarks) {
>           bookmarks.favicon = faviconFilter(bookmarks.url);
>         });
>     $scope.deleteBookmark = function(id) {
>       var bookmark = $scope.bookmarks[id];
>       $scope.bookmarks.splice(id, 1);
>         };
>       }
>     ]);

哪里有 // 我正在尝试添加 localStorage。 如果有人可以帮助我... ps：抱歉介绍，代码太长了

Answer 1

要在 AngularJS 中使用 localStorage API，请将 $window 注入到您的控制器中：

app.controller("ctrl", function($scope, $window) {
    console.log($window.localStorage);
})

AngularJS 团队建议代码注入$window 服务。

虽然window 在 JavaScript 中是全局可用的，但它会导致可测试性问题，因为它是一个全局变量。在 AngularJS 中，我们总是通过 $window 服务引用它，因此它可能会被覆盖、删除或模拟以进行测试。

——AngularJS $window Service API Reference