How to import CSV File in Angular

create new angular instance using below command ng new csv-upload Past the below code in your .html file <input type=”file” #fileImportInput name=”File Upload” id=”txtFileUpload” (change)=”fileChangeListener($event)” accept=”.csv” /><table> <tr *ngFor=”let item of csvRecords”> <td *ngFor=”let single of item”>{{single}}</td> </tr></table> add this line is in your .ts file @ViewChild(‘fileImportInput’) fileImportInput: any; Create a function for read theContinue reading “How to import CSV File in Angular”

How to convert HTML Template to Angular 6 Template

First, download any HTML Template from the web. (I downloaded from here). Create an Angular application using angular-cli ng new angular-template Copy all the folders and files in downloaded template past it in src/assets folder(Except HTML files). Then Include these files into angular.json file scripts and styles section. “styles”: [   “src/styles.css”,   “src/assets/css/custom.css”,  Continue reading “How to convert HTML Template to Angular 6 Template”

Getting started with MEAN (Mysql, Express, Angular 6, Node) Part-5

I am explaining about user login and JWT. First, create the configuration file in the backend to store the secret key. I saved in backend/config/conf.js const crypto = require(‘crypto’).randomBytes(256).toString(‘hex’); // Export config object module.exports = {    secret:crypto, } Add below lines in server.js/index.js var config = require(‘./config/conf’); var jwt = require(‘jsonwebtoken’); var user =Continue reading “Getting started with MEAN (Mysql, Express, Angular 6, Node) Part-5”

Getting started with MEAN (Mysql, Express, Angular 6, Node) Part-4

I will explain about user registration using angular 6. Create 3 components sign in and signup & API service using angular-cli. ng g component components/user/signin ng g component components/user/signup ng g service services/api ng g component components/user/userslist Now check the files in src/components/user and src/services. Paste the below code in respected files. install Cryptojs forContinue reading “Getting started with MEAN (Mysql, Express, Angular 6, Node) Part-4”

Getting started with MEAN (Mysql, Express, Angular 6, Node) Part-3

This session, I am explaining about node server creation and table operations from MySQL database using sequelize models. First, initialize Node using below command and fill the required details. npm init now create index.js (mentioned in entry point) file and paste below code. //======== Import Required Files =============== var express = require(‘express’); var bodyparser =Continue reading “Getting started with MEAN (Mysql, Express, Angular 6, Node) Part-3”

Getting started with MEAN (Mysql, Express, Angular 6, Node) Part-2

I am explaining about node and MySQL connections using sequelize. You need to install Express, Sequelize, Body Parser, Express Handlebars, Cors and JWT using below command npm i express sequelize mysql2 body-parser express-handlebars cors jsonwebtoken Express – Node js framework. Sequelize – ORM concept for Node. Body Parser – It is used to handle theContinue reading “Getting started with MEAN (Mysql, Express, Angular 6, Node) Part-2”

Getting started with MEAN (Mysql, Express, Angular 6, Node) Part-1

In this blog, I am explaining about node and MySQL connections using sequelize, ORM & Models Creation using sequelize, jwt for user authentication and angular 6 for the frontend. First, we need to install Node, Git, any Editor you like Ex: Visual studio code, Atom, Notepad++ etc(I am using Visual studio code). Download links areContinue reading “Getting started with MEAN (Mysql, Express, Angular 6, Node) Part-1”

Create your website with WordPress.com
Get started