# angular2-cookie > Implementation of Angular 1.x $cookies service to Angular 2 Latest version **1.2.6** (published 2016-12-20) · MIT license · 0 weekly downloads ## Install ```sh npm install angular2-cookie pnpm add angular2-cookie yarn add angular2-cookie bun add angular2-cookie ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 1.2.6 | | Published | 2016-12-20 | | First published | 2016-03-18 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | CommonJS | | Node | >=5.0.0 | | Dependencies | 0 | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 108 | | Author | Samet Alemdar | | Maintainers | sa.alemdar | | Keywords | angular2, angular, ng2, cookie, cookies, angular2-cookie, angular2-cookies, ng2-cookies, ng2-cookie | ## Links - npm: https://www.npmjs.com/package/angular2-cookie - Repository: https://github.com/salemdar/angular2-cookie - Homepage: https://github.com/salemdar/angular2-cookie#readme - Issues: https://github.com/salemdar/angular2-cookie/issues - npm.io page: https://npm.io/package/angular2-cookie ## Recent versions - 1.2.6 (latest) — 2016-12-20 - 1.0.0 (next) — 2016-03-18 - 1.2.5 — 2016-10-20 - 1.2.4 — 2016-09-22 - 1.2.3 — 2016-09-02 - 1.2.2 — 2016-07-01 - 1.2.1 — 2016-05-17 - 1.2.0 — 2016-05-06 - 1.1.2 — 2016-04-28 - 1.1.1 — 2016-04-19 - 1.1.0 — 2016-03-26 - 1.0.9 — 2016-03-20 - 1.0.8 — 2016-03-18 - 1.0.7 — 2016-03-18 - 1.0.6 — 2016-03-18 - … 4 more at https://npm.io/package/angular2-cookie/versions ## README # angular2-cookie [![Build Status](https://travis-ci.org/salemdar/angular2-cookie.svg?branch=1.2.6)](https://travis-ci.org/salemdar/angular2-cookie) [![npm version](https://badge.fury.io/js/angular2-cookie.svg)](http://badge.fury.io/js/angular2-cookie) [![Downloads](http://img.shields.io/npm/dm/angular2-cookie.svg)](https://npmjs.org/package/angular2-cookie) > Implementation of Angular 1.x $cookies service to Angular 2 **v1.2.6** _Please use >=1.2.4 for Angular >2.0.0, 1.1.x versions for beta, 1.2.2 version is for release candidates earlier than rc.5 and 1.2.3 is for >rc.5._ ## Table of contents: - [Get Started](https://github.com/salemdar/angular2-cookie#get-started) - [Installation](https://github.com/salemdar/angular2-cookie#installation) - [Usage](https://github.com/salemdar/angular2-cookie#usage) - [Angular-universal](https://github.com/salemdar/angular2-cookie#universal) - [Examples](https://github.com/salemdar/angular2-cookie#examples) - [Angular2-quickstart](https://github.com/salemdar/angular2-cookie#quickstart) - [Angular2-seed](https://github.com/salemdar/angular2-cookie#seed) - [Angular-cli](https://github.com/salemdar/angular2-cookie#cli) - [Angular2 Webpack Starter](https://github.com/salemdar/angular2-cookie#angular2-webpack-starter) - [CookieService](https://github.com/salemdar/angular2-cookie#cookieservice) - [get()](https://github.com/salemdar/angular2-cookie#get) - [getObject()](https://github.com/salemdar/angular2-cookie#getobject) - [getAll()](https://github.com/salemdar/angular2-cookie#getall) - [put()](https://github.com/salemdar/angular2-cookie#put) - [putObject()](https://github.com/salemdar/angular2-cookie#putobject) - [remove()](https://github.com/salemdar/angular2-cookie#remove) - [removeAll()](https://github.com/salemdar/angular2-cookie#removeall) - [Options](https://github.com/salemdar/angular2-cookie#options) ## Get Started ### Installation You can install this package locally with npm. ```bash # To get the latest stable version and update package.json file: npm install angular2-cookie --save ``` After installing the library, it should be included in the SystemJS configurations. ```javascript /** * System configuration for Angular 2 samples * Adjust as necessary for your application needs. * Taken from: https://github.com/angular/quickstart/blob/master/systemjs.config.js */ (function (global) { System.config({ paths: { // paths serve as alias 'npm:': 'node_modules/' }, // map tells the System loader where to look for things map: { // our app is within the app folder app: 'app', // angular bundles '@angular/core': 'npm:@angular/core/bundles/core.umd.js', '@angular/common': 'npm:@angular/common/bundles/common.umd.js', '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js', '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js', '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', '@angular/http': 'npm:@angular/http/bundles/http.umd.js', '@angular/router': 'npm:@angular/router/bundles/router.umd.js', '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js', // other libraries 'rxjs': 'npm:rxjs', 'angular2-in-memory-web-api': 'npm:angular2-in-memory-web-api', 'angular2-cookie': 'npm:angular2-cookie' }, // packages tells the System loader how to load when no filename and/or no extension packages: { app: { main: './main.js', defaultExtension: 'js' }, rxjs: { defaultExtension: 'js' }, 'angular2-in-memory-web-api': { main: './index.js', defaultExtension: 'js' }, 'angular2-cookie': { main: './core.js', defaultExtension: 'js' } } }); })(this); ``` ### Usage **CookieService** class is an injectable service with angular `@Injectable()` decorator. Therefore, it needs to be registered in the providers array (encouraged way). Then, it will be available in the constructor of the component class. ```typescript import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { CookieService } from 'angular2-cookie/services/cookies.service'; import { AppComponent } from './app.component'; @NgModule({ imports: [ BrowserModule ], declarations: [ AppComponent ], providers: [ CookieService ], bootstrap: [ AppComponent ] }) export class AppModule { } ``` ```typescript import {Component} from 'angular2/core'; import {CookieService} from 'angular2-cookie/core'; @Component({ selector: 'my-very-cool-app', template: '

My Angular2 App with Cookies

' }) export class AppComponent { constructor(private _cookieService:CookieService){} getCookie(key: string){ return this._cookieService.get(key); } } ``` --- _Source: https://npm.io/package/angular2-cookie · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._