Angularjs 쿠키 작업 실례 상세 설명

2898 단어 angularjscookie
요약
현재 많은 app 은 h5 를 내장 하 는 방식 으로 개발 되 고 있 으 며,일부 데 이 터 는 webveiw 의 쿠키 에 존재 할 수 있 습 니 다.그러면 angularjs 를 사용 하여 단일 페이지 응용 을 개발 하려 면 angularjs 의 쿠키 작업 이 필요 합 니 다.간단 한 학습 데 모 를 제공 합 니 다.빨리 손 에 넣 기 편 해 요.
하나의 예

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myapp">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title></title>
  <script src="Scripts/angular.js"></script>
  <script src="Scripts/angular-cookies.js"></script>
  <script>
    angular.module("myapp", ["ngCookies"]).controller("TestController", function ($cookies) {     // Put cookie
      $cookies.put('mytest', 'mytest');
      // Get cookie
      var mytestCookie = $cookies.get('mytest');
      console.log(mytestCookie)
      // Removing a cookie
      // $cookie.remove('mytest');
      console.log($cookies.get('mytest'));
    });
  </script>
</head>
<body ng-controller="TestController">
</body>
</html>
테스트 결과

위의 결 과 를 볼 수 있 습 니 다.설정 이 성 공 했 지만 만 료 시간 은 session 입 니 다.이 쿠키 는 현재 세 션 과 같 습 니 다.즉,브 라 우 저 를 닫 으 면 사라 집 니 다.이것 은 쿠키 의 만 료 시간 을 설정 하지 않 았 기 때 문 입 니 다.아래 의 방식 으로 만 료 시간 을 설정 할 수 있 습 니 다.

 var expireDate = new Date();
      expireDate.setDate(expireDate.getDate() + 30);//  cookie  30 
      // Put cookie
      $cookies.put('mytest', 'mytest', { 'expires': expireDate });

총결산
여기 서 주의해 야 할 것 은 인터넷 에서 실 용적 인$cookie Store 를 많이 볼 수 있 습 니 다.성공 적 으로 설정 할 수 있 지만 기한 이 지나 면 효력 을 잃 을 수 있 습 니 다.$cookies 를 사용 하 는 것 을 권장 합 니 다.
위 에서 말 한 것 은 편집장 이 소개 한 Angularjs 쿠키 작업 사례 에 대한 상세 한 설명 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 면 메 시 지 를 남 겨 주세요.편집장 은 신속하게 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!
JQuery 선택 기,DOM 노드 조작 연습 실례
javascript 기본 상용 정렬 알고리즘 분석

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage