用Angularjs在Ajax请求中设置cookie

我正在尝试设置一个cookie，其中包含从angularjs中的ajax请求检索的令牌值。

首先，我通过简单地在我的HTML页面 -> {{myToken}}中显示令牌值来测试请求的结果。结果是正确的。现在，我试图将该值存储在cookie中。我为此目的添加的行是在**。

之间写的

在我的HTML页面中，我导入了angular.min.js（V1.4.8），然后是angular-cookies.min.js（V1.6.3）：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>XXX</title>
  <link rel="stylesheet" href="assets/css/style.css" media="screen" type="text/css" />
  <script src="assets/scripts/angular.min.js"></script>
</head>
<body >
  <div ng-app="myApp" ng-controller="LoginCtrl">
    <h1>Log-in</h1><br>
    <form>
      <input type="text" name="user" placeholder="Username" ng-model="login">
      <input type="password" name="password" placeholder="Password" ng-model="password">
      <input type="submit" name="login" class="login login-submit" value="login" ng-click="myLogin()">
    </form>
    <div class="login-help">
      <a id="button-login" href="#">Register</a> • <a href="#">Forgot Password</a>
    </div>
<p>myToken: {{myToken}}</p>
  </div>
**<script src="assets/scripts/angular-cookies.min.js"></script>**
<script src="assets/scripts/myApp.js"></script>
<script src="assets/scripts/controllers/loginCtrl.js"></script>
</body>
</html>

MyApp.js现在很简单：

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

loginctrl.js在调用myLogin()时包含AJAX请求触发器。

app.controller('LoginCtrl', function($scope, $http**, $cookieStore**) {
  $scope.login     = "";
  $scope.password  = "";
  $scope.myLogin = function() {
    $http({ <request>})
    .then(function(response) {
      $scope.myToken = <token value>;
      **$cookieStore.put('myToken', $scope.myToken);**
    })
  };
});

我的页面存储在Wampserver上，当我到达时，我会收到以下错误：

"Error: [$injector:unpr] http://errors.angularjs.org/1.4.8/$injector/unpr?p0=%24cookieStoreProvider%20%3C-%20%24cookieStore%20%3C-%20LoginCtrl

请参阅angulejs：api：$ cookie以及如何在angularjs中访问cookie？

Angular弃用$ Cookiestore版本1.4.x，因此，如果您使用的是最新版本的Angular，请使用$ Cookie。语法对于$ Cookiestore保持不变＆amp;$ cookie

app.controller('LoginCtrl', ['$scope', '$http', '$cookies', function($scope, $http, $cookies) {
    $scope.login     = "";
    $scope.password  = "";
    $scope.myLogin = function() {
        $http({ <request>})
        .then(function(response) {
            $scope.myToken = <token value>;
            $cookies.put('myToken', $scope.myToken);
        })
    };
}]);

$cookieStore.put('myToken', $scope.myToken);无效，现在您需要使用

 $cookies.put('myToken', $scope.myToken);

好的，所以我犯了一些菜鸟错误。这是现在对我有用的东西：

通过使用Minified脚本，我需要映射范围的"未接收错误：[$ inextor：unpr];部署后的角度
我需要声明脚本相同的版本。我现在正在使用angular.min.js and angular-cookies.min.js版本1.6.3（/1.6.3/）的索引
正如两个替补赛所说的那样，很久以前$ cookiestores被贬低

相关内容

最新更新

热门标签：