Angular Js:如何设置cookies?
Angular Js: How to setup cookies?
情况:
我需要在我的 Angular 应用程序中使用 cookie。
我已经按照正确的步骤在我的应用程序中正确设置 ngCookies 模块,但不知何故它不起作用。
这是我收到的错误消息:
Unknown provider: $$cookieReaderProvider <- $$cookieReader <- $cookies <- $cookies
步骤:
这些是我完成的步骤:
- bower 安装 angular-cookies
在 bower 中选择第一个选项:
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
在index.html中包括:
<script src="lib/angular-cookies/angular-cookies.min.js"></script>
包含模块 ngCookies:
angular.module('starter', ['ionic', 'starter.controllers', 'starter.services', 'ngCookies'])
angular.module('starter.controllers', ['ngCookies'])
在控制器中注入服务:
.controller('MainCtrl', function( $scope, $rootScope, $cookies )
版本 -- 编辑
我认为这个问题可能与版本有关,因为这些是以前的版本:
Angular 版本:1.3.13
Angular-cookies 版本:1.4.1
然后我将 angular 重新安装到最新版本:#1.4.1 并重新安装 angular-cookies 但问题仍然存在,并显示相同的错误消息。
问题:
如何正确设置 angular-cookies?
为什么我会收到该错误消息?
angular 软件包的版本应与您正在使用的 angular 版本相同。所以在这种情况下,你想为 angular cookies 使用 1.3.13。
Angular 不使用语义版本控制,不一定向后兼容。
编辑:我不确定 1.4 是否已经发布。如果有可以考虑换个新版本。
最新的 angular-cookie 似乎使用 AngularJS v1.4.1,但默认情况下 angular 安装 v1.3.x。使用
安装最新版本的angular
bower install angular#1.4.1
别忘了 select 3) angular#1.4.1。希望这能解决您的问题。
对于我刚上大学时遇到的同样问题,我会给出完美的解决方案。
如何正确设置 angular-cookies?
你已经做的差不多了。这对你来说足够了。
为什么我会收到这个错误?
May be you are configure invalid structure
不用担心版本,我想你已经配置了正确的版本。所以刚从版本问题中走出来。
解决方案
请检查验证:-
- 您是否在
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>
希望这两个验证对你有用
情况:
我需要在我的 Angular 应用程序中使用 cookie。 我已经按照正确的步骤在我的应用程序中正确设置 ngCookies 模块,但不知何故它不起作用。
这是我收到的错误消息:
Unknown provider: $$cookieReaderProvider <- $$cookieReader <- $cookies <- $cookies
步骤:
这些是我完成的步骤:
- bower 安装 angular-cookies
在 bower 中选择第一个选项:
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
在index.html中包括:
<script src="lib/angular-cookies/angular-cookies.min.js"></script>
包含模块 ngCookies:
angular.module('starter', ['ionic', 'starter.controllers', 'starter.services', 'ngCookies']) angular.module('starter.controllers', ['ngCookies'])
在控制器中注入服务:
.controller('MainCtrl', function( $scope, $rootScope, $cookies )
版本 -- 编辑
我认为这个问题可能与版本有关,因为这些是以前的版本:
Angular 版本:1.3.13
Angular-cookies 版本:1.4.1
然后我将 angular 重新安装到最新版本:#1.4.1 并重新安装 angular-cookies 但问题仍然存在,并显示相同的错误消息。
问题:
如何正确设置 angular-cookies? 为什么我会收到该错误消息?
angular 软件包的版本应与您正在使用的 angular 版本相同。所以在这种情况下,你想为 angular cookies 使用 1.3.13。
Angular 不使用语义版本控制,不一定向后兼容。
编辑:我不确定 1.4 是否已经发布。如果有可以考虑换个新版本。
最新的 angular-cookie 似乎使用 AngularJS v1.4.1,但默认情况下 angular 安装 v1.3.x。使用
安装最新版本的angularbower install angular#1.4.1
别忘了 select 3) angular#1.4.1。希望这能解决您的问题。
对于我刚上大学时遇到的同样问题,我会给出完美的解决方案。
如何正确设置 angular-cookies?
你已经做的差不多了。这对你来说足够了。
为什么我会收到这个错误?
May be you are configure invalid structure
不用担心版本,我想你已经配置了正确的版本。所以刚从版本问题中走出来。
解决方案
请检查验证:-
- 您是否在
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>
希望这两个验证对你有用