无法在 AngularJs 中存储 cookie

Question

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

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

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

以下是我的登录控制器。

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

                })
            }
        }
});

Answer 2

而不是$cookie.put

var userdetails = { userEmail: user.email, password: user.password };

$cookies.UserDetails = angular.toJson(userdetails);