javascript - 无法在 AngularJs 中存储 cookie

Question

我正在 AngularJs 做一个小项目我试图在其中将用户名和密码存储到浏览器 cookie 中。

这是我的 app.js 代码。你可以看到我注入(inject)了 ngCookies 作为依赖注入(inject)。

var app = angular.module('myApp', ['ui.router', 'myApp.routes', 'ngCookies']);

以下是我的登录 Controller 。

app.controller('loginCtrl', function($scope, loginService) {

    $scope.login=function(user){
        loginService.login(user);
    }

});

这是我的服务，调用数据进行身份验证

app.factory('loginService', function($http, $state, $cookies){
    return{
        login:function(user){
            var storedUser = $http.get('data/user.json').
                success(function(data) {

                if(user.email === data.email && user.password === data.password ){
                    //var favoriteCookie = $cookies.get('userEmail');
                    $cookies.put("userEmail", user.email);
                    $cookies.put("password", user.password);    
                    $state.go('dashboard', {});
                } else {
                    alert("Invalid Username or Password");
                }

                })
            }
        }
});

当我运行我的项目时，出现了这个错误。 $cookies.put 不是控制台中的函数。

注意:AngularJs 和 Angular-cookies 的版本是 AngularJS v1.2.28

Answer 1

请使用 $cookieStore 而不是 $cookies

试试这个

app.factory('loginService', function($http, $state, $cookieStore){
    return{
        login:function(user){
            var storedUser = $http.get('data/user.json').
                success(function(data) {

                if(user.email === data.email && user.password === data.password ){
                    //var favoriteCookie = $cookies.get('userEmail');
                    $cookieStore.put("userEmail", user.email);
                    $cookieStore.put("password", user.password);    
                    $state.go('dashboard', {});
                } else {
                    alert("Invalid Username or Password");
                }

                })
            }
        }
});