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');

有關更多信息，請檢查文檔

編輯

現在將所有內容顯示為

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