How To Set Up Gmail Mailer in WP Mail SMTP WordPress Step by Step Live tutorial . step 1 :Open WordPress Admin panel step 2 : Go to settings step 3 : Click WP MAIL SMTP step 4 : Enter email id. step 5 : Select Mailer -G-mail step 6 : Go to Gmail Documentation […]
Angular 2 [PART-8 ] Pipes and Custom Pipes
Angular pipes A pipe takes in data as input and transforms it to a desired output. . syntax {Your Variable | Your Pipe Condition } for example {{ birthday | date }} here birthday will display in date format you can check Used for decerate or filter Data Pipes transform Data before display Costume Pipeline we can […]
Angular 2 [PART-9 ] Angular component input properties
Examle for geting data for employee filter radio buttons [all,male,female] Steps *Add property Input in chiled Component (filteremployeelist.component.ts) @Input() all : number; @Input() male : number; @Input() female : number; *Add function for get data in parent Component(listemployee.component.ts) getTotalEmployeesCount(): number{ return this.employees.length; } getTotalMaleEmployeesCount(): number{ return this.employees.filter(e => e.gender === “Male”).length; } getTotalFemaleEmployeesCount(): number{ return […]
Angular 2 [PART-7 ] ngFor directive (ngFor)
Angular ngFor directive (ngFor) ngFor is used to display list of data , in employee App list employee by using ngFor its same as for loop is JavaScript PHP JAVA programming language. Example from application listemployee.component.ts Angular ngFor trackBy track by used for undrestand any changes in ngFor loop with a Specific value so that […]
Angular 2 [PART-6 ] Display Content (Different Methods ) From Component
Each Component have View Part (.html file) and typescript file ( .ts ) file then how to display data from typescript?. for this we use different binding technologies and looping functionalities , and in advanced we can use filtering technologies we will discuss later . How to display variable in view ? In first and […]
Angular 2 [PART-5] Angular Routing
Routing is used for switch between components , so routing is one of the important section in angular 2 , move from one page to another is by using routing , it is simple , in employee app we implement navigation section in app.component.html For implement Routing we need to update app module app.module.ts . […]
Angular 2 [PART-4] Components
Components Components are the most basic building block of an UI in an Angular application. An Angular application is a tree of Angular components. Angular components are a subset of directives. Unlike directives, components always have a template and only one component can be instantiated per an element in a template. By Default Path will […]
Angular 2 [PART-3] Module
Angular 2 [PART-2] Install new app
Step 1 Install Node.js and npm Download the latest version of Node.js if you do not already have it installed on your machine. This download will also include the latest version of npm. https://nodejs.org/en/download/ Step 2 Open Command prompt (cmd) Step 2 Go to your local depository where you want to install angular 2 app […]