AngularJS 的 Cookie

Question

我正在尝试在我的应用程序中应用 cookie，并且按照我从许多教程中阅读的内容进行操作，但我没有得到任何结果，也没有显示错误。我想将经过身份验证的用户保存在 cookie 中并在其他视图中显示！请问哪里有问题！

app.js

app.controller('loginCtrl', function($scope, $location,$state,$http,$window,$rootScope,$cookies){

    $scope.submit = function()
    {
        data = {
            'Email' : $scope.Email,
            'mdp' : $scope.mdp
    };

        $http.post('http://localhost/deb/login.php', data)
        .success(function(data, status, headers, config,result)
        {
            console.log(data);

            if(data.role == 'client'){
                $state.go('view');  
                console.log(data);
                 $scope.myCookie=$cookies.get('cookie');
                $scope.setCookie = function(data){
                  $cookies.put('cookie',data);
                }


             }

view.html

<div class="container" ng-controller="loginCtrl">
{{myCookie}}

Answer 1

试试 ngCookies 先安装吧

npm install --save angular-cookies

在 index.html 中添加它的路径

<script src="path/to/angular-cookies.js"></script>

最后，通过将模块添加为依赖模块将其加载到您的应用程序中：

var app = angular.module('app', ['ngCookies']);

然后编辑你的控制器如下

app.controller('loginCtrl', function($scope, $location,$state,$http,$window,$rootScope,$cookieStore){

$scope.submit = function()
{
    data = {
        'Email' : $scope.Email,
        'mdp' : $scope.mdp
};

    $http.post('http://localhost/deb/login.php', data)
    .then(function(res)
    {


        console.log(res.data);

        if(res.data.role == 'client'){
            $state.go('view');  
            $cookieStore.put('email',res.data.email);
            $cookieStore.put('token',res.data.token);
         }

以及何时访问 cookie

$cookieStore.get('cookieName');

更多信息请查看doc

编辑

现在以不同的方式显示所有内容

$scope.name=$cookieStore.get('email');