How
to set in Angular 4 cookies, type number values?
The cookie based authentication has been the
default and the cookie based authentication is stateful.
Stateful
– keep and track of the previously stored information which is used for current
transaction.
A stateful service based on HTTP cookies uses the
HTTP transport protocol and its ability to convey cookies, used as session
context.
Example1
for Cookies –
import
{ Component, OnInit
} from '@angular/core';
import
{ CookieService } from
'ngx-cookie-service';
@Component({
selector: 'app-root',
templateUrl: './app.component.html'
})
export
class AppComponent
implements OnInit
{
cookieValue = 'default';
constructor( private
cookieService: CookieService
) { }
ngOnInit(): void
{
//set Cookie
//Syntax- set( name: string, value: string,
expires?: number | Date, path?: string, domain?: string, secure?: boolean ):
void;
this.cookieService.set(
'appCookie', 'This
is hello apps.' );
}
//set Cookie
//Syntax - get( name: string ): string;
getCookie(key:
string){
return this.cookieService.get(key);
}
//check Cookie
//Syntax - check( name: string ): boolean;
checkCookie(key:
string){
return this.cookieService.check(key);
}
//get All Cookie
//Syntax - getAll(): {};
getAllCookie(){
return this.cookieService.getAll();
}
//delete cookie
//Syntax - delete( name: string, path?: string,
domain?: string ): void;
deleteCookie(key:
string){
return this.cookieService.delete(key);
}
//delete All cookie
//Syntax - deleteAll( path?: string, domain?:
string ): void;
deleteAllCookie(){
return this.cookieService.deleteAll();
}
}
Example
2 For Cookies –
import
{ Component, OnInit
} from '@angular/core';
import
{ Cookie } from
'ng2-cookies/ng2-cookies';
export
class AppComponent
implements OnInit
{
constructor( private
cookieService: CookieService
) { }
ngOnInit(): void
{
//set Cookie
//Syntax- set( name: string, value: string,
expires?: number | Date, path?: string, domain?: string, secure?: boolean ):
void;
this.cookieService.set(
'appCookie', 'This
is hello apps.' );
}
//set Cookie
//Syntax - get( name: string ): string;
getCookie(key:
string){
return this.cookieService.get(key);
}
//delete cookie
//Syntax - delete( name: string, path?: string,
domain?: string ): void;
deleteCookie(key:
string){
return this.cookieService.delete(key);
}
}
Cookies
Limitations –
We can only store around 20 cookies per web
server and not more than 4KB of information in each cookie and they can last
indefinitely should you choose to specify the max-age attribute.
I hope you are
enjoying with this post! Please share with you friends. Thank you!!