How to install a cookie in Angular?
Install cookie -
npm install ngx-cookie-service –save
If you do not want to install this via NPM, you can run npm run compile and use the *.d.ts and *.js files in the dist-lib folder.
After installed successfully, add the cookie service in the Angular module - app.module.ts
import {CookieService} from 'ngx-cookie-service'
//AppModule class with @NgModule decorator
@NgModule({
//Static, this is the compiler configuration
//declarations is used for configure the selectors.
declarations: [
AppComponent
],
//Composability and Grouping
//imports used for composing NgModules together.
imports: [
BrowserModule
],
//Runtime or injector configuration
//providers is used for runtime injector configuration.
providers: [CookieService],
//bootstrapped entry component
bootstrap: [AppComponent]
})
export class AppModule { }
Then, import and inject it into a component -
import { Component, OnInit } from '@angular/core';
import {CookieService} from 'ngx-cookie-service'
@Component({
selector: 'app-on-click',
templateUrl: './on-click.component.html',
styleUrls: ['./on-click.component.css']
})
export class OnClickComponent implements OnInit {
cookieValue ="";
constructor(private cookie:CookieService) { }
ngOnInit() {
this.cookie.set('cookie', 'demoApp' );
this.cookieValue = this.cookie.get('cookie');
}
}
For more detail kindly refer this link. https://www.code-sample.com/2018/05/angular-5-6-7-cookies-examples.html
|
Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..
|