Angular cookies

Question

I ve been looking all around for Angular cookies but I haven t been able to find how to implement cookies management in Angular  Is there any way to manage cookies  like  cookie in AngularJS

User · Answer

I make Miquels Version Injectable as service  import   Injectable   from   angular core     Injectable   export class CookiesService        isConsented   false       constructor                      delete cookie         param name             public deleteCookie name            this setCookie name      -1                         get cookie         param  string  name         returns  string              public getCookie name  string            const ca  Array lt string gt    decodeURIComponent document cookie  split               const caLen  number   ca length          const cookieName      name             let c  string           for  let i    0  i  lt  caLen  i    1                c   ca i  replace    s  g                   if  c indexOf cookieName      0                    return c substring cookieName length  c length                                   return                           set cookie         param  string  name         param  string  value         param  number  expireDays         param  string  path             public setCookie name  string  value  string  expireDays  number  path  string                 const d  Date   new Date            d setTime d getTime     expireDays   24   60   60   1000           const expires    expires   d toUTCString              const cpath   path      path   path                 document cookie      name    value     expires   cpath   SameSite Lax                         consent         param  boolean  isConsent         param e         param  string  COOKIE         param  string  EXPIRE DAYS         returns  boolean              public consent isConsent  boolean  e  any  COOKIE  string  EXPIRE DAYS  number            if   isConsent                return this isConsented            else if  isConsent                this setCookie COOKIE   1   EXPIRE DAYS               this isConsented   true              e preventDefault

User · Answer

For read a cookie i ve made little modifications of the Miquel version that doesn t work for me   getCookie name  string            let ca  Array lt string gt    document cookie split               let cookieName   name                let c  string           for  let i  number   0  i  lt  ca length  i    1                if  ca i  indexOf name  0   gt  -1                    c   ca i  substring cookieName length  1  ca i  length                   console log  valore cookie      c                   return c                                  return

User · Answer

Yeah  here is one  ng2-cookies  Usage   import   Cookie   from  ng2-cookies ng2-cookies    Cookie setCookie  cookieName    cookieValue    Cookie setCookie  cookieName    cookieValue   10   days from now     Cookie setCookie  cookieName    cookieValue   10    myapp     mydomain com     let myCookie   Cookie getCookie  cookieName     Cookie deleteCookie  cookieName

User · Answer

It is also beneficial to store data into sessionStorage     Save data to sessionStorage sessionStorage setItem  key    value        Get saved data from sessionStorage var data   sessionStorage getItem  key        Remove saved data from sessionStorage sessionStorage removeItem  key        Remove all saved data from sessionStorage sessionStorage clear      for details https   developer mozilla org en-US docs Web API Window sessionStorage

User · Answer

I ended creating my own functions    Component       selector   cookie-consent       template  cookieconsent html      styles   cookieconsent css     export class CookieConsent       private isConsented  boolean   false       constructor             this isConsented   this getCookie COOKIE CONSENT       1              private getCookie name  string            let ca  Array lt string gt    document cookie split               let caLen  number   ca length          let cookieName      name             let c  string           for  let i  number   0  i  lt  caLen  i    1                c   ca i  replace    s  g                   if  c indexOf cookieName     0                    return c substring cookieName length  c length                                   return                private deleteCookie name            this setCookie name      -1              private setCookie name  string  value  string  expireDays  number  path  string                 let d Date   new Date            d setTime d getTime     expireDays   24   60   60   1000           let expires string    expires   d toUTCString              let cpath string   path      path   path                 document cookie      name    value     expires   cpath               private consent isConsent  boolean  e  any            if   isConsent                return this isConsented            else if  isConsent                this setCookie COOKIE CONSENT   1   COOKIE CONSENT EXPIRE DAYS               this isConsented   true              e preventDefault

User · Answer

Use NGX Cookie Service  Inastall this package  npm install ngx-cookie-service --save  Add the cookie service to your app module ts as a provider   import   CookieService   from  ngx-cookie-service    NgModule     declarations    AppComponent      imports    BrowserModule           providers    CookieService      bootstrap    AppComponent        Then call in your component   import   CookieService   from  ngx-cookie-service    constructor  private cookieService  CookieService        ngOnInit    void     this cookieService set   name    Test Cookie        To Set Cookie   this cookieValue   this cookieService get  name       To Get Cookie     That s it

User · Answer

Update  angular2-cookie is now deprecated  Please use my ngx-cookie instead  Old answer  Here is angular2-cookie which is the exact implementation of Angular 1  cookies service  plus a removeAll   method  that I created  It is using the same methods  only implemented in typescript with Angular 2 logic  You can inject it as a service in the components providers array  import  CookieService  from  angular2-cookie core     Component       selector   my-very-cool-app       template    lt h1 gt My Angular2 App with Cookies lt  h1 gt        providers   CookieService      After that  define it in the consturctur as usual and start using  export class AppComponent      constructor private  cookieService CookieService       getCookie key  string       return this  cookieService get key          You can get it via npm  npm install angular2-cookie --save

[javascript] Angular cookies

Examples related to javascript

Examples related to angular

Examples related to typescript