Skip to main content

Posts

Showing posts with the label 57 Best Advantages for Angular 5

Angular Video Tutorial Visual Studio - free download!

Next >> Angular Create and Setup a New Project By CLI and Visual Studio Code Create Component in Angular using CLI Angular  Email Validation Regex - Model Driven Form Angular Forms and Validation Examples - Template Driven Form Angular Data Binding (Select DropDown List) Using CLI Visual Studio Code Change theme in Visual Studio Code Angular ngFor loop Example Angular - nested for loops Create a Custom Pipe in Angular Using CLI Angular - Creating and Using Services Error: Cannot find module '@angular-devkit/core' after clean install Angular Events Binding Example Routing in Angular Example Bind Select Option DropDown List in Angular Using Visual Studio Code Cache Busting with Angular and Angular CLI Angular CRUD Scaffolding Apps for CREATE modern web and mobile Next >>

Angular 5 Cookies - Check, Get, GetAll, Delete and DeleteAll Methods

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. Cookies Methods - Check (name: string): Boolean; //Check Cookies const IsCookieExists : boolean = this . cookieService . check ( 'cookieApp' ); Get (name: string): string;     //Get Cookies     this . cookieValue = this . cookieService . get ( 'cookieApp' ); getAll(): {};     //Get all cookies     const allCookies : {} = this . cookieService . getAll (); Delete (name: string, path?: string, domain?: string ): void;     //delete cookies     this . cookieService . delete ( 'cooki...

Theming Your Custom App or Components - Angular 5/6

Theming Your Own Custom App or Components - Angular 5 and 6 Angular Material provide the ways to style your own app or components and the component's styles must be defined with Sass. After using the “@mixin” function to automatically apply a theme. Why @mixin function? The “@mixin” function is pre-defined Angular Material function. When you are change your existing theme, every components file that uses it will be automatically updated. We can allow multiple themes within the app or component. This is the great advantages of Angular “@mixin” function. Stayed Informed – Angular 4 and Angular 5 Documents How To Use @mixin function in your app or component? You must have to call the @mixin function to apply the theme – // Import a pre-built theme @ import '~@angular/material/prebuilt-themes/deeppurple-amber.css' ; // Import your custom input theme file so you can call the custom-input-theme function @ import 'app/candy-carousel/candy-caro...

How To Create and Setup a new Project in Angular 5 using CLI?

Angular 5 with CLI – Quick Guide to Installation and Setup – First you must Install Node.js and npm if you are not already on your machine. Steps 1 - install the Angular CLI globally. npm install -g @angular/cli Steps 2 - Create a new project Open a Node.js command prompt Generate a new project using the below command - ng new my-app Steps 3 - Serve the application Go to your project directory using the Node.js command prompt and launch the angular server i.e. cd my-app ng serve –open Stayed Informed -  Angular 5 Interview Questions and Answers After run the above commands - automatically open your browser on http://localhost:4200/ and you can see in the Pic.   Example – The default app.component, app.module and angular-cli.json app.component.ts – import { Component } from '@angular/core' ; @ Component ({   selector: 'app-root' ,   templateUrl: './app.component.html' ,   styleUrls: ...