离子角 JS cookie 不工作答案

【问题标题】：Ionic Angular JS cookie is not working离子角 JS cookie 不工作
【发布时间】：2016-01-15 07:50:29
【问题描述】：

app.js

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services', 'ngCordova', 'ngCookies'])

.run(function ($ionicPlatform) {
$ionicPlatform.ready(function () {

if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
cordova.plugins.Keyboard.disableScroll(true);

}
         if (window.StatusBar) {
                StatusBar.styleLightContent();
         }

});
})

.config(function ($stateProvider, $urlRouterProvider) {

$stateProvider

  .state('HomePage', {
             url: '/HomePage/:id',
             templateUrl: 'templates/HomePage.html',
             controller: 'HomePageCtrl'
         })
         .state('login', {
             url: '/login',
             templateUrl: 'templates/Login.html',
             controller: 'LoginCtrl'
         });
  $urlRouterProvider.otherwise('/login');

});

controllers.js

angular.module('starter.controllers', [])

.controller('LoginCtrl', function ($scope, LoginService, $ionicPopup, $state, $location, $http, $cookieStore) {

$cookieStore.put('mycookie', 'cookie value');
var favoriteCookie = $cookieStore.get('mycookie');

   var alertPopup = $ionicPopup.alert({
   title: 'favoriteCookie title',
   template: favoriteCookie // This does not work on phone.

});})

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">


    <script src="lib/ionic/js/ionic.bundle.js"></script>
    <script src="lib/ionic/ng-cordova-master/demo/www/lib/ngCordova/dist/ng-cordova.js"></script>
    <script src="cordova.js"></script>
    <script src="js/app.js"></script>
    <script src="js/controllers.js"></script>
    <script src="js/services.js"></script>
    <script src="lib/ionic/js/cookies.js"></script>

</head>
<body ng-app="starter">

    <ion-nav-view></ion-nav-view>

</body>
</html>

问题：

如果我使用$cookieStore，它可以在浏览器上正常运行。

但是，当我将项目发布到电话 $cookieStore 时不起作用。我的意思是当我尝试在安卓手机中使用$cookieStore。

$cookieStore 在$ionicPopup.alert 上显示以下错误。

undefined

如何通过使用 ionic 在 android 上使用 cookie？

任何帮助将不胜感激。

谢谢。

【问题讨论】：

标签： javascript android angularjs cookies ionic

【解决方案1】：

不要使用在 Android 上似乎不太好用的 $cookieStore，只需将其替换为默认的 localStorage。它工作得很好！ :)

$cookieStore.set() -> window.localStorage.setItem() $cookieStore.get() -> window.localStorage.getItem() $cookieStore.remove() -> window.localStorage.removeItem()

【讨论】：

【解决方案2】：

请投票赞成这个答案，因为我在发布时没有正确登录另一个答案 >_

不要使用在 Android 上似乎不太好用的 $cookieStore，只需将其替换为默认的 localStorage。它工作得很好！ :)

$cookieStore.set() -> window.localStorage.setItem() $cookieStore.get() -> window.localStorage.getItem() $cookieStore.remove() -> window.localStorage.removeItem()

【讨论】：