当前位置: 首页 > 面试题库 >

使用AngularJS创建cookie

锺离飞鸣
2023-03-14
问题内容

我尝试使用下面的代码设置Cookie:

angular.module('myApp').controller('myController', ['$scope', '$http','$cookies', function ($scope, $http, $cookies) {

    $scope.setMyCookie = function () {
        $cookies.put('Mykey', 'MyValue');    
    };
    $scope.setMyCookie();
}]);

我已将角度cookie更新到1.3.14版本,我知道有一个重大更改,但是现在应该如何编写上面的代码?

运行上面的代码,我得到这个错误: Error: $cookies.put is not a function

更新:我必须在2个文件中执行此操作:

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

app.config(['$routeProvider', '$httpProvider', function ($routeProvider, $httpProvider) {

}]);

angular.module('myApp', ['ngCookies']).controller('cookiesExample', ['$cookies', function ($cookies) {
    // Retrieving a cookie
    var favoriteCookie = $cookies.myFavorite;
    // Setting a cookie
    $cookies.myFavorite = 'oatmeal';
}]);

问题答案:

通过设置$cookies变量来实现:

angular.module('cookiesExample', ['ngCookies'])
.controller('ExampleController', ['$cookies', function($cookies) {
  // Retrieving a cookie
  var favoriteCookie = $cookies.myFavorite;
  // Setting a cookie
  $cookies.myFavorite = 'oatmeal';
}]);

您的版本:

angular.module('myApp', ['ngCookies'])
.controller('myController', ['$scope', '$http','$cookies', function ($scope, $http, $cookies) {

  // Retrieving a cookie
  var favoriteCookie = $cookies.myFavorite;
  // Setting a cookie
  $cookies.myFavorite = 'oatmeal';
}]);

资源

注意: 请记住要包含<script src="angular-cookies.js">在您的html中。



 类似资料:
  • 问题内容: 我正在尝试创建一个指令,该指令将创建与创建指令的元素具有相同ng-model的输入字段。 到目前为止,这是我想到的: 的HTML 的JavaScript 但是,我不确定这是处理这种情况的正确方法,并且存在一个错误,即我的控件未使用ng-model target字段的值初始化。 这是上面代码的简称:http ://plnkr.co/edit/IvrDbJ 处理此问题的正确方法是什么? 编

  • 问题内容: 我正在尝试创建一个容纳电话的阵列,我有此代码 但我无法访问$ scope.telephone 问题答案: 第一件事是第一。您需要先在控制器中定义为数组,然后才能在视图中开始使用它。 要解决在添加新输入时无法识别ng-model的问题-为此,您必须使用Angular服务。 从$ compile的Angular.js API参考中 : 将HTML字符串或DOM编译为模板,并生成模板函数,然

  • 问题内容: 我创建了以下AngularJS指令来嵌入YouTube视频: 从模板调用它时,出现以下错误: 错误:[$ interpolate:noconcat]插值时出错:http : //www.youtube.com/embed/ {{code}}严格的上下文转义不允许在需要可信值时连接多个表达式的插值。参见http://docs.angularjs.org/api/ng。$ sce 我无法确

  • 问题内容: 所以我要创建一个简单的指令“ hover”,这是一个基本的导航菜单,当您将鼠标移到特定的aba上时,此aba会改变颜色。看我的脚本代码: 现在我的HTML: 这工作正常,但是当我以这种方式放置html时: 这是行不通的,我必须用“ hover”标签包裹我的“ li”才能完成这项工作(是的,我正在将strict属性更改为“ A”),为什么呢?还有另一个问题,用“ hover”标签包装我的

  • 问题内容: 我对AngularJS还是很陌生,并且正在设置我的第一个应用程序。我希望能够执行以下操作: 使用此设置会产生以下错误: 我的问题是:如何使用(或直接)注册控制器,以及如何在应用程序的其他位置使用注册的控制器。 我的动机:我想避免使用全局构造函数作为控制器(就像angularjs.org上的大多数示例一样使用)或复杂的命名空间。如果我可以将控制器注册并用作单个变量名(然后不放在全局范围内

  • 问题内容: 我将以下数据作为JSON: 我想将其显示为带有angularjs和ng-repeat的html表。这样我得到下表: 用于表格预览:http : //jsfiddle.net/54pD8/ 我的问题是html表是基于行的。我可以通过回合,然后通过练习来进行ng- repeat的迭代,但是要创建表格,我总是需要每个练习的第一个,然后是每个练习的第二个,依此类推。 有人可以帮我解决这个问题吗