Angular Js：如何设置 cookie？

Question

情况：

我需要在我的 Angular 应用程序中使用 cookie。 我已经按照正确的步骤在我的应用程序中正确设置 ngCookies 模块，但不知何故它不起作用。

这是我收到的错误消息：

 Unknown provider: $$cookieReaderProvider <- $$cookieReader <- $cookies <- $cookies

步骤：

这些是我已经完成的步骤：

1. bower 安装 angular-cookies

2. 在凉亭中选择第一个选项：

    angular#1.3.13 which resolved to 1.3.13 and is required by angular-animate#1.3.13, angular-sanitize#1.3.13, ionic#1.0.0
   

3. 在 index.html 中包括：

   <script src="lib/angular-cookies/angular-cookies.min.js"></script>

4. 包含模块 ngCookies：

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

5. 在控制器中注入服务：

   .controller('MainCtrl', function( $scope, $rootScope, $cookies ) 
   

版本 -- 编辑

我认为问题可能与版本有关，因为这些是以前的版本：

Angular 版本：1.3.13
Angular-cookies 版本：1.4.1

然后我将 angular 重新安装到最新版本：#1.4.1 并重新安装 angular-cookies，但问题仍然存在，并显示相同的错误消息。

问题：

如何正确设置 angular-cookie？ 为什么会出现这个错误？

Answer 1

角度包的版本应该与您使用的角度版本相同。因此，在这种情况下，您希望将 1.3.13 用于 angular cookie。

Angular 不使用语义版本控制，也不一定向后兼容。

编辑：我不确定 1.4 是否已经发布。如果有，您可以考虑切换到较新的版本。

Answer 2

我会为我刚毕业时遇到的同样问题提供完美的解决方案。

如何正确设置 angular-cookies？

你已经做了很多了。这对你来说已经足够了。

为什么会出现这个错误？

可能是你配置了无效的结构

不用担心版本，我想你已经配置了正确的版本。所以刚从版本问题中走出来。

解决方案

请检查下验证：-

• 您是否在index.html 屏幕中输入了正确的脚本路径？

• 请将 cookie.js 放在您的主模块代码运行之前。

  像下面这样的格式

  <script src="Scripts/angular.js"></script>// angular script
  <script src="Scripts/angular-cookies.min.js"></script>// cookie script
  <script src="app/home/home.js"></script>//my sub module js for home  screen
  <script src="app/app.js"></script>// this is my main module js, here i configure the cookie
  

  • 删除索引页面中已安装的脚本。刚刚过去，再试一次⌚

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular-cookies.js"></script>

我希望这两个验证都对你有用。

Answer 3

最新的 angular-cookies 似乎使用 AngularJS v1.4.1，但默认情况下 angular 安装 v1.3.x。使用安装最新版本的角度

bower install angular#1.4.1

别忘了选择 3) angular#1.4.1。希望这能解决您的问题。